Okay
  Public Ticket #1694670
Search icon on mobile and responsive indents
Closed

Comments

  •  3
    imogenbertin started the conversation

    Hi there! Just tidying up messy bits on mobile.

    I have added CSS you gave me some time previously for elderly customers to explain that the hamburger icon is a menu - thanks for that, all working fine! 

    1. If possible, I would also like the search icon also to show in the header on mobile. I have searched the tickets but could not find how to do this?

    2. I have made an error with the general design that I'm not sure how best to fix. On pages such as http://mcdev.hilaryhale.com/rentals/hartys-quay-rentals/ I added a design options custom indent to the Overview textbox, left and right, of 150px. This is causing the text to be distorted on mobile (indented too much). What should I have done to indent the Overview textbox for desktop, but not for mobile?

    Thank you!

    Imogen


  •  9,013
    Tahir replied

    Hey Again,

    You will have to add it using the Off Canvas Menu Widget Area . 

    Best 


    ThemeNectar Support Team 

  •  3
    imogenbertin replied

    That's where I'm stuck and I always try to search the existing tickets before bothering you - trying to figure out how to do this. I tried:

    Header Nav>Off Canvas Menu On>Mobile Nav On 

    But it does not seem to have changed anything. 

    Could you give any more detail? Where do I find/control the Off Canvas Menu Widget Area?

    It's beside the hamburger menu that I want a search icon. I have now managed to add a search option to the off canvas menu itself but that wasn't what I was intending...

    Thank you. 

  •  9,013
    Tahir replied

    You can find it in here : http://prntscr.com/koldj0 . 

    Best


    ThemeNectar Support Team 

  •  3
    imogenbertin replied

    Thanks I've decided to just go with adding it to the actual off-canvas menu.

    Could you look at the second enquiry below, then I should be sorted!

    2. I have made an error with the general design that I'm not sure how best to fix. On pages such as http://mcdev.hilaryhale.com/rentals/hartys-quay-rentals/ I added a design options custom indent to the Overview textbox, left and right, of 150px. This is causing the text to be distorted on mobile (indented too much). What should I do to indent the Overview textbox for desktop, but not for mobile?

  •  9,013
    Tahir replied

    Hey Again,

    Instead of adding custom padding use the Max-width Option in here to give the text space on both sides : http://prntscr.com/kolkbm . 

    Best


    ThemeNectar Support Team 

  •  3
    imogenbertin replied

    Brilliant! How did I miss that???