Jump to content

Archived

This topic is now archived and is closed to further replies.

MobileParity

Masthead Text Not resizing properly on mobile

Recommended Posts

MobileParity

My Masthead text is not formatting to mobile devices. It was working fine last week and once I added the ShareBar section everything got a little off. At first I thought it was the width of the ShareBar that was causing the issue so I used a media query to resize the width and it works for the tablet size of 767px however my Masthead text is now askew and does not resize for the screen. I am using FitText.js to resize the headings (h1, h2, etc). Here is the media query that I am using for the ShareBar. For some reason I am 

 

@media only screen and (max-width:767px) { 
#sharebarui2dj1f .pl-sharebar {
width:540px;
 
  }
}

 

 

 

Website URL:www.bingerr.com
Framework Version:dms2
WordPress Version:4+
Plugins in Use:FitText.js
Server/Host:flywheel
Screenshots:
Details:

Share this post


Link to post
Share on other sites
MobileParity

for some reason i was not able to upload an attachment.

Share this post


Link to post
Share on other sites
MobileParity

I also removed the ShareBar section, flushed the cache and the mobile site looks the same.

Share this post


Link to post
Share on other sites
Danny

Hi,

 

As far as I can tell, the issue is related to your custom CSS, because you're using the section ID in your custom CSS, the default media query is not be used. So you're going to need to review your custom CSS or add a media query using that section ID. Please be aware that this issue is caused by your custom CSS and therefore, we are unable to provide assistance.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • dwpoyner
      By dwpoyner+
      Not sure exactly what is causing the issue. For some reason, why you view my site on mobile, the menu does not show up. It will pop up, but it is black. You can check it out here: http://dev.caryfbc.org. I'm also attaching a screenshot where I shrunk my browser down. Any suggestions?

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
      I only just realised that the Heroes set a H1, as does the Masthead.
      Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
      I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
       
      page for reference is https://www.avangocouriers.co.uk
      Thanks,
      Stu
    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz
      Thanks
×