Navigation
Archive / Logo and nav in mobile view (Page 2)
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • July 19, 2016 at 6:33 am #1093302
    Christopher
    Moderator

    Hi there,

    Please update your code in topbar to :

    <div class="cs-hide-sm cs-hide-xs"><a class="x-btn x-btn-global book-stay-button" style="text-transform:uppercase;padding: 12px 20px 8px 15px; font-size:12px; margin-top:-20px; font-weight:600; font-family:lato;" href="https://www.thebookingbutton.co.uk/properties/westparkdirect"><i class="x-icon x-icon-bed" data-x-icon="" aria-hidden="true"></i>&nbsp;Book your stay</a>
&nbsp;
<a class="x-btn x-btn-global book-room-button" style=" text-transform:uppercase;padding: 12px 20px 8px 15px; font-size:12px; margin-top:-20px; font-weight:600; font-family:lato;" href="http://www.opentable.co.uk/the-west-park-reservations-harrogate?rid=103917&rtype=ism&restref=103917"><i class="x-icon x-icon-cutlery" data-x-icon="" aria-hidden="true"></i>&nbsp;Book your table</a></div>

<div class="cs-hide-xl cs-hide-lg cs-hide-md"><a class="x-btn x-btn-global book-stay-button" style="text-transform:uppercase;padding: 12px 20px 8px 15px; font-size:12px; margin-top:-20px; font-weight:600; font-family:lato;" href="https://www.thebookingbutton.co.uk/properties/westparkdirect"><i class="x-icon x-icon-bed" data-x-icon="" aria-hidden="true"></i>&nbsp;Book stay</a>
&nbsp;
<a class="x-btn x-btn-global book-room-button" style=" text-transform:uppercase;padding: 12px 20px 8px 15px; font-size:12px; margin-top:-20px; font-weight:600; font-family:lato;" href="http://www.opentable.co.uk/the-west-park-reservations-harrogate?rid=103917&rtype=ism&restref=103917"><i class="x-icon x-icon-cutlery" data-x-icon="" aria-hidden="true"></i>&nbsp;Book table</a></div>

    Add this CSS as wll :

    @media (max-width:767px){
a.x-btn.x-btn-global.book-stay-button, a.x-btn.x-btn-global.book-room-button {
    float: left;
    margin: 6px !Important;
}
}

    Hope it helps.

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-1085002 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>