Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 11, 2017 at 10:57 am #850411
    KingFilly

    Hi there,

    I have a problem with aligning text in a color / content section with a photo as background.
    The problem is that when the screen size changes, the text moves (obviously) and its not well aligned.

    I would also like it to show the logo (part of background mage) and text of the picture on tablet & mobile.
    The reason that i put the contact details in text, is because of the SEO.

    I really hope you guys can help me out asap.

    link & credentials are in private content section.
    When you are on the page; scroll down to the Contact section (bottom of page)

    • This topic was modified 7 years, 2 months ago by KingFilly.
    September 11, 2017 at 11:33 am #850425
    KingFilly

    Also,

    i would also like to show my text logo centered on mobile and tablet. (landscape & portrait)
    Can you provide my the right CSS code for this?

    Thanks in advance :)

    September 11, 2017 at 12:09 pm #850444
    KingFilly

    And my third question: I set to max width of the normal menu to 1344 px with this CSS:

    @media only screen and (max-width: 1344px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}

    The problem now is dat the Normal menu disappears, but the mobile menu only shows at 990 px. (default)
    How can i make the Mobile Menu appears at >1344 px.

    • This reply was modified 7 years, 2 months ago by KingFilly.
    September 11, 2017 at 8:06 pm #850651
    Victoria

    Hi KingFilly,

    Here is the code that will do the trick

    
@media only screen and (min-width: 990px) and (max-width: 1343px) {
  nav.main_menu, .av-burger-menu-main.menu-item-avia-special {
      display: block;
  }
  .menu-item {
    display: none;
  }
}

    Please remove this code
    @media only screen and (max-width: 1344px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 11, 2017 at 8:29 pm #850658
    KingFilly

    Hi Victoria,

    Thank you for your reply. This almost did the trick :) The only problem now is that the text logo doesn’t stay in the center when you move to smaller screen. (prox <1330 px)

    Another issue is that the hamburger falls off the page. (only shows half of the hamburger)

    Hope you can help me with this.

    September 12, 2017 at 10:18 am #850927
    Victoria

    Hi KingFilly,

    The hamburger was like that already, I thought it was a glitch on my side.
    This setting is the one that put the logo where it is
    https://cl.ly/1Q1D1Z240d3J
    and it is not flexible at all. This is not the way you would want to center your logo.
    And this is the setting that pushes the hamburger off the screen
    https://cl.ly/282l0j0d1q01
    Also, not a good one. I suggest you remove all those and we can help you make the changes you need.

    Best regards,
    Victoria

    September 12, 2017 at 1:27 pm #850985
    KingFilly

    Hi Victoria,

    i removed both settings. What are the right settings for Putting my textlogo in the middle and show hamburger menu on mobile correctly?

    Hope to hear from you soon.

    September 12, 2017 at 1:31 pm #850986
    KingFilly

    I see the hamburger menu displays well now by removing that setting.
    i only need to center my logo. Can you provide me wit the right code?

    I would also like to align my normal menu more to the right.

    Hope to hear soon from you.

    September 12, 2017 at 3:11 pm #851035
    Victoria

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
    div .logo {
    margin-left: 33%;
  }
}

    The last menu item is aligned with the right website container, I would not push it further to the right, unless you insist.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 12, 2017 at 4:35 pm #851081
    KingFilly

    Did the trick! Thanks Victoria.

    You can close this thread now :)

    September 13, 2017 at 5:54 am #851362
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Text aligning in color section (ressponsive)’ is closed to new replies.