Roberta
Dominic 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>
RobertaHello 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! 😉
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?
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.
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
Hi Dominic,
Thank you very much. The problem is solved.
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?
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>
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 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.
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.
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
WilfredHi Roberta,
Sorry I misunderstood your issue from the beginning. Please carry on, Dominic will support you from here.
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>
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.
DominicTo 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;
}
Please login or Register to submit your answer
replied 10 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
replied 10 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.