Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 21, 2016 at 5:37 am #726892
    mamiewong

    Hello,
    I normally view my website full screen and create my settings based upon the assumption others will also view it full screen.

    But when I reduce the size of my screen from original full size, ALL website text squeezes or collapses inward toward the middle of the screen, messing up all formatting, making the pages unreadable.

    Is there a way to make the formatting Permanent, so that no matter the size of the screen (full size or reduced), this text squeeze or collapse is eliminated? If there is a way, please tell me how I can make this happen.

    Many thanks in advance for your assistance with this.

    December 21, 2016 at 5:52 am #726897
    mamiewong

    Let me be specific. The collapse is occuring in my logo and menu area. My quick CSS:

    /* Moves the MENU inward, Flush with body content */
    nav.main_menu {
    right: 23%;
    }
    /* Logo moved far left margin, previously -25, now pushed towards the RIGHT */
    .logo {
    margin-left: 570px;
    }

    When I reduce the screen, the menu items collapse toward the center toward the logo. Can the Logo and menu items be made so that they don’t collapse toward the center of the screen when the screen is reduced in size?

    December 22, 2016 at 5:28 am #727380
    Rikard

    Hi,

    I can only see the coming soon screen even though I’m logged in, I think you have to upgrade the user to admin.

    Just a note about your CSS: if you set values like margin-left: 570px; then please remember that it will apply to all screen sizes if you don’t use media queries. A left margin of 570 pixels on a screen which is 400 pixels wide will obviously cause problems.

    Best regards,
    Rikard

    December 22, 2016 at 5:34 am #727383
    mamiewong

    Dear Rikard,
    Thank you for your reply. I’ve upgraded you to admin.

    For my website, what I want to do is make the text in my logo be aligned with the text within the main body of text.

    But I’ll keep experimenting with different margin settings.

    I look forward to your reply after you’ve had a chance to look within my website for suggestions on how I may achieve the above goal.
    Thanks you.

    December 24, 2016 at 9:01 pm #728157
    Yigit

    Hi,

    You would get better results on different screensizes using percentages. Please try changing your code to following one

    .logo {
    margin-left: 40%;
}

    Also, please post a screenshot showing the changes you would like to make so we can make sure that we are on the page.
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Please also see – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Best regards,
    Yigit

    January 2, 2017 at 10:22 pm #728763
    mamiewong

    The Menu moves inward INTO the logo when I shrink the screen on my desktop computer. I would like for the Menu and Logo to NOT run into each other when the screen shrinks.

    This problem is still there even when changing to code for the margin-left to %

    I’ve attached a link to my Dropbox for this file.

    January 3, 2017 at 6:23 am #728853
    Ismael

    Hi,

    Move the css modification inside a css media query so that it won’t affect smaller screens. Example.

    @media only screen and (min-width: 989px) {
  /* Add your Desktop Styles here */

  /* Moves the MENU inward, Flush with body content */
  .main_menu {
    right: 23%;
  }

  /* Logo moved far left margin, previously -25, now pushed towards the RIGHT */
  .logo {
    margin-left: 570px;
  }
}

    Best regards,
    Ismael

    January 3, 2017 at 8:12 am #728870
    mamiewong

    Thank you, Ismael. I tested out various mi-width values and found the one that worked well for me. Thank you (and Kriesi) for all of your help with this, much appreciated.

    January 3, 2017 at 11:57 am #728932
    Nikko

    Hi,

    Glad we could help :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Enfold – Reducing Size of My Screen Squeezes ALL Website Text Inward’ is closed to new replies.