Okay
  Public Ticket #526154
Separator With Text Element - Not Responsive
Closed

Comments

  • Kaye started the conversation
    September 11, 2015 at 1:07pm

    Hi,

    The 'Separator With Text' element is not responsive. That is, it does not display correctly on mobile and other screen sizes. It renders beyond the browser screen.

    Please assist, thanks!

  •  8,990
    Tahir replied
    September 11, 2015 at 9:47pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .vc_separator.vc_separator_align_center h4 {
        white-space: normal;
    }
}

    Thanks

    ThemeNectar Support Team 

  • Kaye replied
    September 11, 2015 at 10:57pm

    Hi,

    Great, thanks for the solution. I hope that this can be fixed in a future update so it\'s native to the template itself.

    Additionally, my previous ticket regarding the navigation bar hasn\'t been resolved yet?

    Thanks!

  •  8,990
    Tahir replied
    September 12, 2015 at 4:19pm

    Hey ,

    Yes it will be added .

    Thanks

    ThemeNectar Support Team 

  • Jenn replied
    October 26, 2015 at 5:41am

    I added this code under General Settings / CSS box - there was no change to the responsiveness. IS there updated code or another place I should put it?

  •  8,990
    Tahir replied
    October 26, 2015 at 4:39pm

    Hey Jenn,

    Did you clear your browser/plugin cache . Can you see the css in the frontend by Inspecting the Element in Chrome Dev Tools ? .

    This might help : https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .

    Thanks

    ThemeNectar Support Team