Forum Replies Created
-
AuthorPosts
-
Hi Jordan,
Thanks for your assistance so far.
I’ve created a widget in the header and am using the following CSS:#header .widget { left: 50%; padding-top: 35px; position: absolute; z-index: 999; } #header .widget h1 { font-size: 25px; color: #a3becc; }
Everything looks great but there’s one little problem left I can’t solve. When viewing on a small screen like a tablet, the slogan and hamburger menu overlap each other. Is there a way to fix this?
Thanks!
Devin!
You sir, are awesome!
Can’t believe I didn’t see that myself… I dove into the script right away.
Sometimes the solution isn’t that complicated.Thanks again!
Warm regards,
StefanHi Josue!
Many thanks and thumbs up!!!
Greetings,
StefanHey Devin!!
Thank you for the swift response!
The smaller layout is 1030px, is it possible for me to make this even a bit smaller?Regards,
StefanHi again,
Actually I’d like the width to be even smaller, around 960px.
Is this possible?Thanks!
Hi Devin,
Thanks for your fast response!
I altered it and now it works fine. However if I turn my iPad horizontal my logo goes over the beginning of the Home-button.
I tried increasing the values but that doesn’t work.
This is my avia.js:
function avia_responsive_menu()
{
var win = $(window), header = $('.responsive #header');
if(!header.length) return;
var menu = header.find('.main_menu ul:eq(0)'),
first_level_items = menu.find('>li').length,
bottom_menu = $('html').is('.bottom_nav_header'),
switchWidth = 998;
if(first_level_items > 8 && !bottom_menu)
{
switchWidth = 998;
header.addClass('mobile_menu_tablet');
}
And here’s my Quick CSS:
@media only screen and (max-width: 998px) {
.responsive #header .main_menu ul {
display: none;
}
}
Can you tell me how I can fix the horizontal iPad menu?
Thanks again!
-
AuthorPosts