Page width setting

Hello @adriankabat32,

We are not able to open your site URL, it’s not working, also please share the tagged screenshot using this site https://prnt.sc/

You can hide the square sections using custom CSS.

.breadcrumb-content{
  display: none;
}

Thanks

@burgersoftware

Thanks for the answer, but I’ve already solved the problem by examining the file from google chrome.

However, I have another question and it would be nice if someone could help me.
The thing is that the theme is not displayed on phones at all, for example, I go to Full Belly Kitchen – Menu and the menu should be displayed on the phone, but only half of it is displayed, and when I change the page settings to Template – LightStar, then on the phone everything is displayed perfectly, but on PC there is no scrolling of the tabs at all, as if they disappear.

The website is already enabled, however, only on the PC, because on the phone, it is not possible to operate it through these settings, because nothing is displayed in full screen, only in half.`

Hello @adriankabat32,

Thanks for conatcting us.

We have checked and found that you are using WP Block Image in the menu page and it’s taking fixed width so why image not responsive on the mobile device?

We have made custom CSS for adjustment on mobile devices, please use it in the additional CSS option. https://prnt.sc/zak_28UJ5SOZ

@media only screen and (min-width: 200px) and (max-width: 480px) {

.appetizer-content .wp-block-image IMG {
width: 100% !important;
height: 489px;
}

.appetizer-content .wp-block-image .aligncenter {
margin-left: 0;
margin-right: 0;
}

}

Also, I would suggest to please contact our website for more theme customization.

Thanks

@burgersoftware

Thanks for the reply!
My question is where do I put this code exactly?
When I go to the message in the wordpress settings, then to the additional CSS and paste the code, nothing happens.

Also include in main.css paste and nothing fits either.
Where exactly do I paste this code?

Thank you for your response.

@burgersoftware
Thanks for the reply!
My question is where do I put this code exactly?
When I go to the message in the wordpress settings, then to the additional CSS and paste the code, nothing happens.

Also include in main.css paste and nothing fits either.
Where exactly do I paste this code?

Thank you for your response.

@burgersoftware

Ok, I was able to paste the code and check how it looks on the phone. As for the menu, it’s fine, but other tabs like about us are displayed normally in computer mode, not phone mode.

The second thing is that when I enter this css code, then in the web browser on the PC it is displayed in such a way as on the attached screen.

https://prnt.sc/d1dNHMhhTJcJ

Hello @adriankabat32,

We have checked on the PC it’s showing as expected, can you please let us know which browser or device you are using? https://prnt.sc/YsgIj7HAK31Y

Also, we have made custom CSS for the about page, please use it.

@media only screen and (min-width: 200px) and (max-width: 480px) {

.appetizer-content .wp-block-media-text{
   grid-template-columns: 65%!important;
}

}

Also, I would suggest to please contact our website for more theme customization.

Thanks

• This reply was modified 1 year, 12 months ago by BurgerThemes.
• This reply was modified 1 year, 12 months ago by BurgerThemes.

@burgersoftware

I added the code, the about us tab is now displayed normally on the PC and on the phone, but the menu tab is still displayed as it was displayed without changes, I added the code as in the attached screen, how to contact you differently, so that there is faster help in theme edit?

the devices I use are google chrome browser, mozilla and samsung galaxy A53 with google chrome browser.

https://prnt.sc/MCWLQjckGOeK

• This reply was modified 1 year, 12 months ago by adriankabat32.

@burgersoftware

Hi !
I checked the code you gave me on several phones, everything works fine for example on samsung or xiaomi, the problem is with the display on Iphones.

In addition, when it comes to the code for the about us tab, it’s perfect, everything displays perfectly on the phone and on the PC. could you give me just such codes for each of the tabs? so that everything is displayed in the same way on the phone and PC as in the about us tab?

I would really be very grateful to you for your help.

Hello @adriankabat32,

Please use the below custom CSS code, it will work on all your pages.

@media only screen and (min-width: 200px) and (max-width: 480px) {

.post-section .post-content {
    width: 70%;

}

Thanks

@burgersoftware
Thank you very much !
You are great !

Hello @adriankabat32,

Thanks for Appreciating, we are always happy to help you.

Please write your few words in Review.

Thanks