Travelway site identity display

  • Resolved The Travel Bunny

    (@mirelaiepurela)


    5 years, 4 months ago

    Hello.

    I am working on localhost to get my redesign ready to go live.
    I am having issues getting the site identity to display right. I want to have it like this:

    1. site logo
    2. site name on first line, site description on second line
    3. navigation menu

    My issue is that I can’t make the navbar-header wider by default to fit the site name and side description on just 2 separate lines. If I keep my long tagline, it breaks it into two rows. If I shorten the tagline, it breaks my site title on two rows. Please help ??

    I attached a print screen at the link.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 17 total)
  • Theme Author Acme Themes

    (@acmethemes)

    Dear mirelaiepurela,

    Your screenshot is not working.

    If you can setup dev/staging site on your host, we will try to help with custom CSS or can provide you possible solutions.

    Best Regards!

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Hi, the theme is now live. Can you please help me?

    Website: https://www.the-travel-bunny.com

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Still me, waiting for a reply. I would also like the logo to not change its size when scrolling down on mobile. Or to remove it altogether when scrolling down on mobile. Is this possible?

    Theme Author Acme Themes

    (@acmethemes)

    Dear mirelaiepurela ,

    We could not find 2 separate lines issues on your site.
    For your new queries, you can use following CSS on Appearance => Customize => Additional CSS

    @media only screen and (max-width: 767px){
   .header-transparent .navbar.at-sticky .custom-logo-link img {
       display: none;
   }
}

    Best Regards!

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Hi, I tried the code but it doesn’t seem to have fixed anything. People have started complaining about the mobile version on my facebook page. I’d like to remove the logo on mobile, please. And to keep the sticky navigation bar transparent and the font color in white even when scrolling. I think it would look much lighter and pleasant to the eye.

    About the logo image on the desktop, I want it to be to the left of the title and tagline. When I tried to do it on my own, positioning them like this made either the title or tagline display on two lines instead of one.

    <table>
    <tr><td>LOGO</td><td>Title<br>Tagline</td></tr></table>

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    I have people reporting issues with the way the menu / header is loading on laptops too ?? Why is this happening? Wasn’t this extensively tested?

    Theme Author Acme Themes

    (@acmethemes)

    Dear mirelaiepurela ,

    The code above we provided was for removing/hiding logo while scrolling down on mobile.

    Normal View : https://prnt.sc/ok7c6u
    Normal Scrolling View : https://prnt.sc/ok7cod

    After you applied the code,
    Scrolling View : https://prnt.sc/ok7d3r

    You should paste the above code on
    Appearance => Customize => Additional CSS

    By reading your query it seems like you have difficulty in customizing the theme. We would like to suggest you to hire experience WordPress Developer/Coder who can understand and write code.

    Regarding your next query we have replied on your next thread

    Best Regards!

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Dear all,

    I don’ use the additional css section because there have been times when it went blank when my previous theme updated. Instead, I created a child theme, and pasted your css in the style sheet of the child theme. Other css lines work from there, but what you gave me doesn’t.

    Can you please help me with support for the issue related to the logo’s display, please? For desktop? I am still to receive a reply about that.

    Theme Author Acme Themes

    (@acmethemes)

    Dear mirelaiepurela ,

    On your child theme while you en-queuing parent style please add bootstrap as dependency.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css',array('bootstrap') );

    Best Regards!

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Hi. The code as it is was breaking my site. But after adding the space before array, the menu seems to be loading fine, thank you.

    However, can you still reply about how to display the site identity as I mentioned above on the desktop version of the blog? TIA

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Please, can you help me? ??

    Theme Author Acme Themes

    (@acmethemes)

    Dear mirelaiepurela ,
    Can you please try following custom CSS:

    .custom-logo-link {
    float: left;
}

    As you mentioned in the above thread, it will move logo left to site title and tagline
    https://prnt.sc/opnorv

    Best Regards!

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Thank you, but this doesn’t solve the issue I am having. I want the site title and tagline to each display on one line. Currently, the tagline is displayed on 2 rows. I am ok with a smaller font for the tagline, too, if it’s impossible otherwise.

    I am hoping when we fix this and the reader scrolls down, both title and tagline will display in the sticky navigational bar, next to the logo.

    Thread Starter The Travel Bunny

    (@mirelaiepurela)

    Hello, can you please help me with this so I can fix the issue and close this thread?
    Thank you

    Theme Author Acme Themes

    (@acmethemes)

    Dear mirelaiepurela ,
    Please try following custom CSS:

    @media (min-width: 768px){
    .container>.navbar-header {
        width:34%
    }
}

    Best Regards!

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Travelway site identity display’ is closed to new replies.