Navigation
Archive / @media fix for responsive tabbed content layout
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 10, 2016 at 11:02 pm #1210865
    Claire L
    Participant

    Hi Guys,

    For some reason the layout on my portfolio no longer displays the tabbed content as full width when viewing on a mobile device.

    An example http://hp.designcounsel.com.au/our-recipes/spaghetti-carbonara-with-kale/

    Kind regards,

    Claire

    October 11, 2016 at 2:36 am #1211063
    Paul R
    Moderator

    Hi Claire,

    To fix it, you can add this under Custom > CSS in the Customizer.

    
@media (max-width: 768px) {
.single-x-portfolio .entry-wrap {
    float: none;
    width: 100%;
}
}

    Hope that helps.

    October 11, 2016 at 5:34 pm #1212124
    Claire L
    Participant

    Thanks Superstar – Worked perfectly!

    October 11, 2016 at 6:19 pm #1212175
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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