Roberta
asked 7 years ago
Roberta
replied 7 years ago

Dear Dominic, on every browser (and on iPad too), if you shrink the page to change the layout, there’s a moment where the last advertising on the right goes below the logo,along with other 2 columns (3 in total).
You can find the picture here:Shrinking the page more resolve the problem, but only because the layout changes again.
Can you please help me to solve the problem?
Thank you

Roberta
replied 7 years ago

Dear Dominic, I tried this solution and seem to work. The ad on the right now doesn't move, but shrinking the page the last element of the menu ("Contatti") goes in a new line. too much space between the header and the menu bar.
Can you help me to fix this problem?
Thank you very much.

5 Answers
DominicStaff
answered 7 years ago

To resolve issue with the Headline in some cases overlapping words.  Please Log in to Dashboard > Theme >  Customize then add the following code to the “Header Script”

 <style>
#under-navigation .dw_focus_headlines .headlines li {
       overflow: hidden;
}
</style>
Roberta
replied 7 years ago

Hello Dominic, “my hero”.
Thank you so much.
The header with a single ad on the right, and the lettering of the headlines, both work perfectly on iPad either by reducing the width of the browser on computer.
“I love you.” :flower:
The case is solved! 😉

Roberta
answered 7 years ago

I successfully created 2 advertising elements in the header section, on the right of the logo, on my local installation. On the production site I got the advertising one on top of the other. Why?

DominicStaff
answered 7 years ago

I think you need to change your link image in the advertising. However, please send me your site URL and screenshot of local site for further checking.

DominicStaff
answered 7 years ago

To resolve this issue, you can log in to Dashboard > Appearance > Widget > Drag and drop the “Text” widget to the “Header” sidebar then add the following code: URL: http://snippi.com/s/pgml1hb

Roberta
replied 7 years ago

Hi Dominic,

Roberta
replied 7 years ago

Thank you very much. The problem is solved.

Roberta
replied 7 years ago

Dear Dominic, on every browser (and on iPad too), if you shrink the page to change the layout, there’s a moment where the last advertising on the right goes below the logo,along with other 2 columns (3 in total).
You can find the picture here:
Shrinking the page more resolve the problem, but only because the layout changes again.
Can you please help me to solve the problem?

DominicStaff
answered 7 years ago

To resolve this issue, You can add the following code to the “Header Script”

 <style>
@media(min-width:980px) and (max-width:1079px) {
  .site-header #header #branding {
      width: 230px !important;
}

.site-header #header #branding h1 {
     border: none;
}

.site-header #branding a {
    background-size: 100% !important;
}
.site-header #branding a {
    width: 650px;
}

.site-header #header #sidebar-header {
 width: 210px !important;
}

.site-header #header #sidebar-header {
    clear: none;
    float: right;
}
.site-header #header #sidebar-header .span3 {
    width: 210px;
}
}
</style>
Roberta
replied 7 years ago

Dear Dominic, I tried this solution and seem to work. The ad on the right now doesn't move, but shrinking the page the last element ("Contatti") of the menu goes in a new line. too much space between the header and the menu bar.
Can you help me to fix this problem?
Thank you very much.

Wilfred
answered 7 years ago

To resolve this issue. Please follow my instruction here:
1. Add the following code to Custom wp_head() in Dashboard > Appearence > customize > General Setting > Custom wp_head().

 <style>
.visible-tablet-hoz {
display: none !important;
}
@media (max-width: 1079px) and (min-width: 980px) {
.visible-tablet-hoz {
display: block !important;
}
}
</style>

2. Login to Dashboard > Appearence > Widget. Drag and drop text widget to header sidebar then add following code:

 <div class="row widgets-sidebar-header">
    <div class="ads ads-230x206 span3" style="text-align: center">
        <a title="" href="LINK" target="_blank">
            <img src="IMAGE LINK">
        </a>
    </div>
    <div class="ads ads-230x206 span3 visible-tablet-hoz" style="text-align: center">
        <a title="" href="LINK" target="_blank">
            <img src="IMAGE LINK">
        </a>
    </div>
    <div class="ads ads-230x206 span3 visible-tablet-hoz" style="text-align: center">
        <a title="" href="LINK" target="_blank">
            <img src="IMAGE LINK">
        </a>
    </div>
</div>

Note: Change LINK and IMAGE LINK

Roberta
replied 7 years ago

Hi Dominic and Wilfred.
Sorry if I answer only now. I will try your solution as soon as possible. I will keep you updated. Thanks, as always, for your support.

Roberta
replied 7 years ago

Wilfred, this code doesn’t suit to our case, because with this you’re creating 3 ads, but we need just one at the right of the logo…
Please tell me if I didn’t understand it properly…
Regards

Wilfred
replied 7 years ago

Hi Roberta,
Sorry I misunderstood your issue from the beginning. Please carry on, Dominic will support you from here.

DominicStaff
answered 7 years ago

To resolve the issue with the menu  and space between the header and the menu bar in your site . You can log in to Dashboard > Theme >  Customize > then add the following code to the “Header Script”

 <style>
@media (min-width: 980px) and (max-width:1079px) {
.navbar .nav .menu-parent-item > a {
    padding-right: 20px;
}

 .site-header #header #branding h1 {
     margin: 0 0 -39px;
 }

.navbar .nav .menu-parent-item > a {
    padding-right: 20px;
}
 </style>

 

Roberta
replied 7 years ago

Most patient and friendly Dominic (: flower), I added the new header scripts to those already included as you suggested. The header and menus seem fine. It has however created a new problem: the Headline in some cases overlapping words , I also tried to shorten the title of the article, but the error remains
Thank you for your infinite availability.

Dominic Staff
replied 7 years ago

To resolve this issue in the site. You can log in to Dashboard > theme > Customize > General Setting then add the following code to the “Header Script”

#under-navigation .dw_focus_headlines .headlines li {
overflow: hidden;
}

Powered by DW Question & Answer Pro