Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2990042
Page Width
Closed

Comments

  • AlexBepunkt started the conversation

    Hello,

    Why are all the pages are set to smaller width than 1400px?

    In the WPBakery the width is set to Full Width. Setting to 1400px makes no difference. It's a generell problem of ALL the pages.

    Example: https://www.mouseclick.com/ueber-mich/

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

    @media only screen and (min-width: 1440px) {
        body.page .penci-container,
        body.page .penci-container-fluid {
            max-width: 1430px;
            width: 100%;
        }
    }

    Regards,
    PenciDesign.



  • AlexBepunkt replied

    Hello,

    The width of the container is now 1400px but the page looks broken.

    The sidebar is missing, the headline shoudn't be there, the breadcrumbs shoudn't be there ans there are two strange empty rectangular objects on the top and bottom of the screen?

    ????

    This leaves me with more questionmarks than before.

    Beside all my other pages aren't fixed as well and still have the problem with the page width.

    Example: https://www.mouseclick.com/contact/

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    1. Please send me a link to the broken page, I'll check and send you another custom CSS code,

    2. You can change the custom page width by going to the Page editor screen → Page Options: check the Use the options below for this page then modify the display settings as you want.

    image.png

    Regards,
    PenciDesign.

  • AlexBepunkt replied

    Hello,

    1. The link is https://www.mouseclick.com/ueber-mich/

    2. Please see the screenshot. At this page I ticked the page layout individually as suggested, saved it, reloaded, but nothing changed.

    The sidebar is still missing??

    Regards,
    Alexander

    PS: I noticed that this code on THIS PAGE is different that the other pages. This one have only:

    -[vc_column_text]
    -[vc_column]
    -[vc_row]

    The other pages don't have but have this instead:

    - section <>
    - article <>
    - list of #pencifeatured_cat_62956 items

    I you like you are welcome to access the website by admin.

  •  2,580
    PenciDesign replied

    Hi,

    About this case, please change the page template from Full Width to Default Template like the screenshot below:

    image.png

    Regards,
    PenciDesign.


  • AlexBepunkt replied

    Hello,

    Yes, that brought the sidebar back.

    The pages width are still not 1080px but 760px like all other pages

    e.g. https://www.mouseclick.com/contact/

    I redid https://www.mouseclick.com/ueber-mich/ to get rid of the previous problems with the headline and the breadcrumbs that shoudn't be there aswell as the two strange empty rectangular objects on the top and bottom.

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    Please use this CSS code to make the content full width;

    @media only screen and (min-width: 1440px) {
        .sidebar-left .site-main .penci-container,
        .sidebar-right .site-main .penci-container {
            max-width: 1430px;
            width: 100%;
        }
    }

    Regards,
    PenciDesign.



  • AlexBepunkt replied

    Hello,

    Yes, that one did the job to extend the page width.

    BUT, the PenNews isn't rendering the "Favourite Image" and put it in an 1040px * X size.

    https://www.mouseclick.com/contact/

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    Please add this CSS code to your site:

    .penci-page-style-2 .penci-entry-media img {
        width: 100%;
        height: auto;
    }

    Regards,
    PenciDesign.



  • AlexBepunkt replied

    Hello,

    The page width jumps loose from the menu unexpected when lessen than 1400px and than reattach to the menu around 1193px?

    Meanwhile we have some of these @media only screen and (min-width: xxxxpx) { declaration in CSS file which may interact which each other?

    You may please check as admin.

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    Please add this CSS code to your site:

    @media only screen and (min-width: 1241px) {
        .sidebar-left .site-main .penci-container,
        .sidebar-right .site-main .penci-container {
            max-width: 100%;
            width: 100%;
        }
    }

    Regards,
    PenciDesign.



  • AlexBepunkt replied

    Hello,

    It's not "jumping" any more.

    Unfortunately the max-width: 100%; extends all the post to maximum edges of the browser, regardless of the 1400px.

    Regards,

    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    Please modify the CSS code like this:

    @media only screen and (min-width: 1241px) {
        body.page .sidebar-left .site-main .penci-container,
        body.page .sidebar-right .site-main .penci-container {
            max-width: 100%;
            width: 100%;
        }
    }

    Regards,
    PenciDesign.


  • AlexBepunkt replied

    Hello,

    adding this to the CSS didn't change anything (Screenshot_45). And since one of the last changes it applies to all posts aswell now(Example Screenshot_46).

    Regards,

    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    Please modify the previous CSS code like this:

    @media only screen and (min-width: 1241px) and (max-width: 1240px) {
        body.page .sidebar-left .site-main .penci-container,
        body.page .sidebar-right .site-main .penci-container {
            max-width: 100%;
            width: 100%;
        }
    }

    Regards,
    PenciDesign.



  • AlexBepunkt replied

    Hello,

    Sorry, but we went to six correction cycles to fix the problem that the pages are not the same width than the main navigation. This is a requirement every WP theme should meet. You came up with some helpful tips but which didn't solved the main problem, instead another problem was discovered: rendering. With the fix of the first problem another problem came up: the scaling. And fighting this problem it went from bad to worse: Now not only the page but also all the posts had been affected: The width went to maximum in one design (Screenshot_48) and smaller than the navigation in another (Screenshot_49), the additinal CSS file full of instructions.

    Meanwhile the homepage had lost it's shape aswell because the PenNew box border of 50px had to be adjusted with anther CSS and left it broken.

    You REALLY helped a lot, but you MUST understand that my main objective is NOT to fix a theme.

    It is to fill a website with content and the theme is nothing more than a vehicle and must function. I am willing to pay money for the function, like you pay for a car, but you expect the car to run, at least for a while whithout major problems.

    I am really at a point where I need the theme to RUN and start fixing my old SOLEDADDY content. Therefore I need you to help me here. Instead of sending me scripts forth and back, please log in with your admin account, fix the tickets that are open and I can take it from there.

    And yes, I know you can read my frustration, but I am overall a positiv thinking person.

    Thanks for all your time so far and let this thing finish.

    Regards,
    Alexander

    PS: Sorry if I offended or anger you in any way. This is not my intension, but as a german citizen english is not my mother tongue and I sometime choose the wrong words. So apologies if I did so.

  •  2,580
    PenciDesign replied

    Hi,

    I'll re-check all your site issues then fix them soon.

    Please keep waiting, I'll update this ticket when everything is done.

    Regards,
    PenciDesign.

  • AlexBepunkt replied

    Hello,

    Summary so far:

    1. Problem: The width of all pages are wider than the main navigation.

    Example Template Style 8: Screenshot_48 below

    2. Problem: The page styles with the headline out of the featured image didn't render the featured image of posts.

    With some posts 1. Problem and 2. Problem can be on the same page together. Than this will look like Style 2: Screenshot_49 below.

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    I'm still checking this issue & improving it on my local development site.

    Thank you for your information. I'll update your site soon.

    Regards,
    PenciDesign.


  • AlexBepunkt replied

    Hello,

    Why is that with adding a "/" the width of the post and pages are changing?

    Another funfact: the "/" works is ONLY in this ONE position. Below or above this snippet it won't work. 

    Regards,
    Alexander

  • AlexBepunkt replied

    Hello,

    Removed redundant lines.

    Any explanation?

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    I don't know why this character appears in this text field. I've suggested the CSS code on this ticket & you've copied/pasted it to your site. Maybe you've inserted it incorrectly. All the CSS code after this character will doesn't work until you've removed it.

    Regards,
    PenciDesign.


  • AlexBepunkt replied

    Hello,

    It appears there because I put it there. I was about to write a comment, when suddenly things on the other part of the window changed.

    I'll leave it in the code as it's ding what I'm looking for.

    Good news is, that I found my layout with padding the parallax and leave it as it is for now.

    https://www.mouseclick.com/2022/02/04/der-rote-blitz/

    Regards,
    Alexander

  • AlexBepunkt replied

    Hello,

    One more note before you can close the thread: I use this

    .single .penci-entry-media img, .page .penci-entry-media img {
        min-width: -webkit-fill-available;
    }

    to solve the issue with screenshot_49.

    THANKS FOR ALL YOUR PATIENCE AND HELP!!!!!

    Regards,
    Alexander

  •  2,580
    PenciDesign replied

    Hi,

    Thank you for the helpful information.

    Have a good day.

    Regards,
    PenciDesign.