Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 9, 2021 at 1:32 pm #1304867
    Telmore

    Hi Endfold,

    Some of the users of the site has problems with the dimensions.
    “Hello, name” should be in the WordPress bar and not in the themes topmenu.
    See screenshot: here

    Also the magazine element is too big on a portable screen – I have given the class “mindre” =

    .mindre {
    margin: 0 auto;
    width: 1400px;
    }

    Do you know what the problem is?

    Thanks in advance.

    June 10, 2021 at 4:20 pm #1305107
    Yigit

    Hi,

    That is because you have many items in your admin bar. I added following code to bottom of Functions.php file 

    
add_action( 'admin_bar_menu', function ( $wp_admin_bar ) { $wp_admin_bar->remove_node( 'avia' );}, 999 ); // Hide in Admin Bar

    to remove Enfold theme options from admin bar and de-activated jQuery Migrate Helper plugin as it is no longer necessary. It is better however on smaller screens it would still push username below unfortunately.

    Regards,
    Yigit

    June 11, 2021 at 12:05 pm #1305249
    Telmore

    Hi Yigit,

    Thank you.

    And regarding the other dimensions?

    The Maximum Container width in the general layout option is 1880px, because the rest of the site should have those dimensions. Where the frontpage elements should only have the dimension 1400px. It looks great on big screen, but not on laptop. Both the magazine element and the flexboxes dimensions. Is it possible to give some css, to make them “shrink accordingly”?

    Thanks in advance.

    • This reply was modified 3 years, 5 months ago by Telmore.
    June 11, 2021 at 3:21 pm #1305281
    Yigit

    Hi,

    Please change your CSS code to following one

    .mindre {
margin: 0 auto;
max-width: 1400px;
}

    Best regards,
    Yigit

    June 11, 2021 at 3:41 pm #1305292
    Telmore

    Hi Yigit,

    It didn’t help. Please see attached screenshot: https://test.telman.dk/wp-content/uploads/2021/06/screenshot-1.png

    • This reply was modified 3 years, 5 months ago by Telmore.
    June 15, 2021 at 11:36 am #1305773
    Telmore

    And this css doesn’t work either:

    .av-magazine {
    margin: 0 auto !important;
    max-width: 1400px !important;
    }

    I see now that it is from 90-100%. It works fine on 80% zoom?
    So it works when I change the max-width into 80%.

    .av-magazine {
    margin: 0 auto !important;
    max-width: 80%;
    }

    • This reply was modified 3 years, 5 months ago by Telmore.
    June 16, 2021 at 2:56 pm #1306036
    Yigit

    Hi,

    Glad you figured it out!

    I tried changing the value to between 90-100% and it worked for me. Browser zoom was set at 100%. Please note it does not reflect responsive behaviour.

    Best regards,
    Yigit

    June 16, 2021 at 3:14 pm #1306045
    Telmore

    Thanks Yigit – you can close this treat :)

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Dimensions’ is closed to new replies.