Shop Categories

X

Changing stuff for mobile version only?

Home Forums Agama Pro Changing stuff for mobile version only?

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #23989
    Tim Dressler
    Participant

    Hey there!

    With the current version of our page, we got an issue regarding the mobile version. On the Desktop version everything looks fine, but on the mobile version the header-part looks very big. In our opionion it looks too big! But when we change header size or the letters of our company, it will also change for all the others versions as well.

    Is there a way to fix that?

    Regards,
    Tim

    #24001
    Zex
    Moderator

    Hello, Tim

    Insert the following codes into Customizing->General->Additional CSS:

    @media only screen and (max-width: 480px) {
    #masthead .site-title a {
    font-size:3.5vw!important;
    }
    #agama-logo a {
     max-width: 80%!important;
     text-align: left!important;
    }  
    .logo{
     float: left!important;
    } 
    .mobile-menu-icons{
     width: 20%!important;
     clear: none!important;
     text-align: right!important;
    }
    }

    Regards

    #24154
    Anita Posthumus
    Participant

    i want to have stripes at the menu buttum for phone but i don’t know how it works can someone please help me

    #24197
    Zex
    Moderator

    Hello @Anita!

    I’m afraid I don’t understand your question…

    The “stripes” (Hamburger menu) should automatically appear on screens that are smaller than 992px.
    You don’t need to do anything about that.

    Or the problem is something else?

    Can you be more precise?
    Can you give me the address of your website?

    Thank you.

    Regards

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.