Tagline section missing in responsive design

  • Resolved Raven333

    (@raven333)


    11 years, 1 month ago

    The theme looks fantastic in the full view version. However, in the responsive design (for example, when looking on a mobile phone or iPad mini), the whole Tagline section seems to be missing. How can I fix this? I tried removing the below code which was suggested in another post for the missing the upper contact bar but it does not seem to fix the issue for me:

    #info-box #contact-bar {
    display: none;
    }

    Would you have any other suggestions on how to fix? Please and thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • I’ve found the following fix works for me:

    Edit the styles.css file in the theme editor and add this line:

    #content-holder1 .reading-box {
		width: 93%;
	}

    I added it in the “@media screen and (max-width: 768px)” section as that was where the information was disappearing. Seems that without an explicit width set, the layout assumes a width of 0 for the reading-box div

    Hope this helps!

    Thread Starter Raven333

    (@raven333)

    It looks perfect now! Thanks for your help, Adam. Its very much appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tagline section missing in responsive design’ is closed to new replies.