Forum Replies Created
-
Posts
-
Rikard,
I already have these items. Should this replace these existing entries?
/* fix for tablet issues */
@media only screen and (max-width: 1260px) {
#top #header .av-main-nav > li > a {
background-color: transparent !important;
}
}/* fix to eliminate the schedule button on smaller screens */
@media only screen and (max-width: 700px) {
#text-9 {
display: none;
}
}/* Code to place a widget to the right of the logo, when using a Logo left, Widget right and menu below. */
#text-9 {
position: absolute;
right: 20px;
}good question. I guess we’ll have to hide the button on Small tablet landscape (800×600) & tablet portrait (768×1024) & Tablet landscape (1024×768)(1024×768) because there’s no room. I don’t know how we can do it. we’ll have to put a link in the main navigation.
1) So, hide the button on these three layouts.
2) can I add schedule a Call as a custom link on the main nav after Contact Us and style it somehow so that it stands out?Sorry, I thought I did.
https://lsbtymkiw.hostworks.com/services/manufacturing-strategy/
Not quite. check out the bottom three screen displays
Perfecto! Thanks again Rikard!
Now, this has created a couple of conditions:
1) on viewing on tablet/landscape, I get a funny vertical black line on the logo, and a horizontal black line below the logo.
2) The schedule a call button overlays the burger menu on smaller screens ( I guess there is no room for the button on smaller screens). maybe I should eliminate the button on screens smaller than Tablet landscape (1024×768.
I had to change the header size to 130 in addition to your code.It’s still taller than I want it. Again, I don’t understand why this is a constant issue.
It doesn’t matter what number I put it, it doesn’t change a bit. I don’ understand what causes this. I’ve tried on three browsers.
Didn’t work. here’s the issue:
Ok, I added the following, which fixed the desktop, but it messes up the mobile, see below
#text-5 {
position: absolute;
margin-left: 22em !important;
left: 0;
}
#text-6 {
position: absolute;
margin-right: 22em !important;
right: 0;
}I added the following, as I want the two items in the main menu linee on opposite sides of the logo.
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ ); function enfold_customization_header_widget_area() { dynamic_sidebar( ‘header1’ ); dynamic_sidebar( ‘header2’ ); }
Hmmm. it appears start working. not sure if it was a caching issue. I also killed the imbedded CSS. looks good now, thanks.
