Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Custom Headings: Not Working on Mobile Site and Portfolio Images Issues

customdeviceheadingimagesMobileportfolioresponsive
    • 10 years ago image120
      Participant

      Hello,

      The custom headings that I have on the following pages are not displaying correctly on the mobile (responsive?) version of my website. Please visit the following links, and note how the custom headings are jumbled together when viewed on a mobile device:

      • https://new.image120.com/feature-sheets/
      • https://new.image120.com/virtual-tour-slide-shows/
      • https://new.image120.com/pricing/
      • https://new.image120.com/real-estate-photography/

      How can a fix this issue?

      Also, when the portfolio at https://new.image120.com/real-estate-photography/ is viewed, it only shows 3 images in total, while there are actually more than 60 images to be displayed (“3 per page, lazy loading”) as per the desktop view (the “3 image only” view is only prevalent on the mobile version). How can I fix this problem, so that more images are displayed in the mobile view?

      Please advise.

      Thanks in advance!

      Calvin

    • 10 years ago Mirela
      Participant

      Hello,

      For the headings in mobile, please add these lines into your custom css box:

      @media (max-width: 767px){ 
      h2 { line-height: 60px; }
      }

      I can see all portfolio images even in mobile. Screenshot. Can you send a screenshot of the issue?

      Best regards!

    • 10 years ago image120
      Participant
      This reply has been marked as private.
    • 10 years ago Mirela
      Participant

      Hello,

      Please edit the above code to this:

      @media (max-width: 767px){ 
      .vc_custom_heading h2 {  line-height: 40px !important;}
      }

      Best regards!

    • 10 years ago image120
      Participant
      This reply has been marked as private.
    • 10 years ago Mirela
      Participant

      Hello,

      The difference between the two, is the font size. In the Pricing page, H2 titles font size is 38px, while in the other two pages, it’s 55px. Since the attributes are applied to the same css class, we can not change anything to it. All you have to do is set these two other page’s font size titles to 38px. Or at least have the same size to all pages and edit the value of the above code to fit the new font size.

      Best regards!

    • 10 years ago image120
      Participant

      Hello,

      Thanks very much for the explanation – adjusting the font size solved the problem!

      Thank you

      Calvin

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password