[intermissionabeautybreak]

I am a beginner with WordPress using the fotographie theme and I am having difficulty with the mobile view of my website. The text and some other content is cut off in the mobile view, specifically on the home page.

https://intermissionabeautybreak.com

Please help!

Thanks!!

[Skandha]

@intermissionabeautybreak: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

div {
    white-space:unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[intermissionabeautybreak]

@Skandha Thank you for your help!

It worked! Only one problem..now that the home page is working properly, the tables on the ‘cuts & color’ and ‘styling’ pages are acting up. Originally I noticed that the home page was fine until I added css to fix a problem with the tables, and now that the homepage problem is resolved, the tables are acting up again.

The first column in each table separates into several lines and leaves a large amount of white space between the text and the next column (again on mobile). I used the tablepress plugin and added the following css to fix the problem initially (but it is no longer working):

div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

Here are the pages with issues:
https://intermissionabeautybreak.com/cuts-color/
https://intermissionabeautybreak.com/styling/

Any ideas? Let me know if you have any questions. Thanks again for your help!

Thanks,
Jessica

[Skandha]

@intermissionabeautybreak: I have replied to this issue in your newest post. Please check and let me know if it works out.

Kind Regards,
Skandha

[Author]

Posts