Formatting issues | PenciDesign Support

PenciDesign replied

5 years ago

Staff Reply

Hi,

1/ That's not a bug - this issue caused by you've selected to display "align-wide" for elements inside your page. When you selected "align-wide" - it auto-resize to full width 100% with the edges of browsers.

If you want to disable full width 100% with the edges for "align-wide" on mobile, you can copy this code and paste it at the end of Appearance > Customize > Custom CSS box:

@media only screen and (max-width: 767px){
.penci_is_nosidebar .wp-block-cover.alignwide, 
.penci_is_nosidebar .wp-block-cover-image.alignwide, 
.penci_is_nosidebar .wp-block-image.alignwide, 
.penci_is_nosidebar .wp-block-gallery.alignwide, 
.penci_is_nosidebar .alignwide { margin-left: 0; width: 100%; max-width: 100%; }
}

2/ You also can add more this code to Customize > Custom CSS to do the same thing for page header on mobile also:

@media only screen and (max-width: 767px){
.penci-page-header-inner.container {
    padding-left: 20px;
    padding-right: 20px;
}
}

Best Regards,

PenciDesign

wanderlustingheart started the conversation

5 years ago

Conversation Start

I am currently building a website using the Soledad Travel theme. I am experiencing the following formatting bugs:

1) On the page listed above as well as on the page that was a sample page that was part of the download of the theme (currently https://wanderlustingheart.com/about-us). The issue is with the media & text block. The formatting for it looks normal in the computer view, but when converted to the tablet or mobile phone version, the text appears without any margins to the left or right, so the text runs all the way to the end of the screen o the left and right, almost being cut off. There needs to be a margin in place to make the formatting look appropriate. I discovered this issue when playing around with the sample page I have indicated here. I then tested it out using made up words/letters just to see how it would look on my own About Me page, and the same issue happens. This is a bug that needs fixing to make the page readable. Having appropriate sized margins is necessary. If you look at the ^About Us page, you will see the issue with the formatting in the first two sections, "A business you can trust" and "Your values can go here." However, down toward the bottom of the page, which uses a different block, there is the "How can we help you?" section. There is proper formatting there, with margins on both sides of the text. That same type of margin is needed for the other sections above, which are associated with the media & text blocks.

2) The other issue I am encountering is with the Page Header. When making changes to the active theme in Word Press, I used the Pages tab to get to the Page Header tab to update the Page Header. When I place the header on the left, again there is no margin at all and the words ABOUT ME are up against the side of the screen. There needs to be a small indent to allow for space aesthetically. It should not be right up against the edge of the screen. Can you please make this update as well?

Many thanks!