This topic has 4 replies, 2 voices, and was last updated 8 years by Laura.

  • Author
  • #90330
     sunny0704
    Participant

    Hello,

     

    When I shrink my web page like mobile size, I want to change profile and menu button’s location.

    Check up attached file to see what I want to change detail.

    currently, my mobile web page are look as mobile menu and profile_current.

    And I want to modify like mobile menu and profile_after modify – reduce profile button size and erase phrase select your page on menu button and move to right top area with reduce size.

     

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    #90768
     Laura
    Moderator

    Hello, please add this to style.css

    COPY CODE
    
    
    @media only screen and (max-width: 940px) {
    .top-bar {
        background: rgba(17, 18, 19, 0);
    }
    nav.top-bar {
        margin-top: -150px !important;
    }
    .top-bar > ul .name {
        display: none !important;
    }
    ul.button-group.radius.right {
        margin-left: 90px;
    }
    ul.button-group.radius.right a, i {
        height: 20px !important;
        line-height: 0;
        font-size: 10px !important;
    }
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #90769
     Laura
    Moderator

    Let me know if it works 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #90920
     sunny0704
    Participant
    This reply has been set as private.
    #91266
     Laura
    Moderator

    Hello, please try adding this

    COPY CODE
    
    nav.top-bar {
        width: 60px !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

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

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?