Forum Replies Created

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • in reply to: Adding text to header, on the right #656770

    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!

    in reply to: Change order subpages sidebar #320525

    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,
    Stefan

    in reply to: Different size boxed layout desktop #165500

    Hi Josue!

    Many thanks and thumbs up!!!

    Greetings,
    Stefan

    in reply to: Different size boxed layout desktop #165248

    Hey 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,
    Stefan

    in reply to: Different size boxed layout desktop #165224

    Hi again,

    Actually I’d like the width to be even smaller, around 960px.
    Is this possible?

    Thanks!

    in reply to: Menu breaking on tablet #137448

    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!

Viewing 6 posts - 1 through 6 (of 6 total)