Responsive theme mobile issue

This topic is: not resolved

Tagged: , ,

This topic contains 4 replies, has 3 voices, and was last updated by Raghavendra Raghavendra 5 years, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #7561
    Thorpeedo
    Thorpeedo
    Member
    Post count: 1

    Hi guys,

    I am using the Agile responsive wordpress theme for a client’s site and it has a thin brown bar in the top header. When I view the site on a mobile device, the bar appears really thick.

    Here is the site: http://www.geldingmenswear.co.uk

    Can anyone tell me how to fix this as I’m baffled?

    Many thanks for any help.

    Matt

    #7572
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi! That giant brown square is the header. It is composed of too many items and it is not set to be responsive. You’d need to advice your client to create a different one, with less categories, a different font color (since the items are brown as well) and to set it with#header {position: static} in the Custom CSS Section. None of the items should be set with either relative or absolute positions since that completely ruins responsive behaviour.

    Cheers!

    #7806
    Thorpeedo
    Thorpeedo
    Member
    Post count: 1

    Hi Ernesto,

    Thank you for your reply.

    Sorry, I am slightly confused. I built the site and I am not a developer so I’m trying to understand.

    Can you tell me how I am supposed display the menu? Is it possible to create a responsive version of the menu in this theme?

    Many thanks for your help.

    Matt

    #7814
    Ernesto
    Ernesto
    Member
    Post count: 702

    Hi! Indeed it’s possible to make the header responsive, you can check all the info on how to install the Header in the Header Section of your Theme Documentation. If you need any further developing or specific doubts, do now hasitate in letting us know!

    Cheers!

    #7838
    Raghavendra
    Raghavendra
    Moderator
    Post count: 4684

    Can you use “Home Page” page template instead of One Column no sidebars? That will remove the title area (and the colored bar) on the top. You will need to set the Revolution Slider in the theme options General tab under “slider choice” option.

    If the text goes full width upon choosing Home Page, pls wrap the content inside a [segment] shortcode. The documentation has more explanation of the shortcode and also there are a number of examples of this shortcode in the theme sample data.

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

You must be logged in to reply to this topic.