Support » Theme: Wallstreet » Menu Icon for Mobile and Tablet

  • Resolved willmorcos

    (@willmorcos)


    Hello

    When I view my website in Mobile and Tablet form the menu appears as a small icon under the main yellow header. Is there a way to remove this and put it somewhere else as it looks a bit odd at the moment.

    Any suggestions? Perhaps a grey icon with white lines on the right hand side within the yeller header next to my phone and email?

    I would like the next image (with gold curved basket on the main page and gold gemstones on the others) to come up directly under the yellow header – in tablet and mobile version only. I am happy with the website layout on a laptop etc.

    Hope that makes sense – thank you.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi
    Thanks for contacting us.
    We can not add a menu icon on the right-hand side within the yeller header next to your phone and email. But we can move it to the center and can reduce the black bar height.
    Like the snapshot.
    https://prnt.sc/witdo5

    If you want an icon location indicated inside the snapshot, pls tell me.
    Thanks

    Thread Starter willmorcos

    (@willmorcos)

    Hello Akhlesh

    Thank you for your reply.

    OK, yes, can we try that. Can you make the gaps equal within that section? Centred left right, up and down.

    Also, if I wanted, is it possible to have the mobile and tablet version without a menu icon and have the same menu/page tabs as the laptop layout?

    Many thanks.

    HI
    Thanks for contacting us.
    For this add the below CSS code inside the additional CSS box.

    @media only screen and (max-width: 767px) and (min-width: 200px)
    {
    .navbar > .container .navbar-brand 
    {
        display: none;
    }
    
    .navbar 
    {
        min-height: 0px;
    }
    
    .navbar-toggle 
    {
        float: none;
        padding: 8px 8px;
        border: 1px solid transparent;
        border-radius: 2px;
        margin: 5px auto 5px;
        display: block;
    }
    }

    Let me know for any confusion.

    Thanks

    Thread Starter willmorcos

    (@willmorcos)

    Hello Akhlesh

    That has worked perfectly – thank you very much for your help.

    I have another question which I will post separately.

    Kind regards
    Will

    Thread Starter willmorcos

    (@willmorcos)

    Resolved – thank you.

    Glad to help you!

    If you like our Theme & support, rate us HERE.
    https://wordpress.org/support/theme/wallstreet/reviews/#new-post
    Thanks

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