Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 7, 2016 at 10:18 pm #594612
    goldengate415

    I have owned Enfold for less than a day and already managed to break it! (smile)

    I added enough menu items to my secondary menu at the top of the site that now the header bar runs into the title bar as you can see in link attached in moderator section below.

    I have tried changing the width of the header bar but that does not seem to help. Do you have a solve? Also if possible I would like to increase the size of the phone number in the very top bar… is that possible?

    Thanks much!
    Rob

    March 7, 2016 at 10:28 pm #594621
    Andy

    Hi goldengate415!

    header with menu seems to be fine to me. Could you fix it? if not send us screenshot to highlight your intentions. Use imgur.com or dropbox.

    You can increase phone number with this code in Quick CSS field:

    .phone-info.with_nav {
font-size: 20px;
}

    and adjust as needed.

    Cheers!
    Andy

    March 7, 2016 at 10:35 pm #594628
    goldengate415

    Thanks, phone number fix worked great!

    Here’s a screen shot of the issue I’m having:

    post image screen

    As you can see in above photo, the “top marin real estate agent” and text in the black title bar is running into the logo <BEFORE> scrolling… so when you first load the webpage, the bar is already under the logo.

    Does that make sense?

    Thanks!!

    March 8, 2016 at 1:29 am #594713
    goldengate415

    Hi again Andy,
    I’ve done some more work on the header since I wrote the above and have added a text widget and tried to add a second logo, using some of the tips I found on the help forum.

    The text widget is:
    <p style=”text-align: center;”><span style=”font-size: 28px;”>THOMAS HENTHORNE</span></p>
    <p style=”text-align: center;”><span style=”font-size: 22px;”>Marin Real Estate</span></p>
    sothebys logo

    So that adds text and the logo. The text was off so I added the following CSS from related support topics:
    #header .widget {
    left: 50%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
    }

    That got the “Thomas Henthorne ” etc text nicely centered, but two problems remain:

    1. The above-mentioned one where the grey title bar is partially under the header when the page loads prior to any scrolling
    2. I can’t figure out how to get the Sotheby’s logo positioned to the right so it’s positioned as in this picture where I dragged it with my browser and took a photo before it snapped back:
    photo here of sotheby’s logo positioned correctly

    Thanks again for your help!
    Rob

    March 8, 2016 at 3:58 am #594737
    Vinay

    Hey!

    Please use the below css in quick css

    .title_container {
    margin-top: 30px;
}

.second-logo {
    display: inline-block;
    position: absolute!important;
    right: 0;
    top: 0;
}

    A few change you have to make add class second-logo to the logo in text widget and make the widget width 100% so the logo moves all the way to the right.

    If you have any difficulty setting it up please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Regards,
    Vinay Kashyap

    March 8, 2016 at 4:13 am #594745
    goldengate415

    Thanks Vinay!

    1. I added the quick css and it fixed the issue with the title bar, but the issue with the logo remains, hoping you can move it as pictured in the above post.

    2. Also the “Marin Real Estate” phrase under “Thomas Henthorne” in the header runs into “Contact” on the main menu when you scroll down, can you fix that too?

    Please note I am using child theme so you can make changes there if you want.

    3. The “contact” on the main menu is not working – I assume that might be related to #2 above?

    Thanks!!!
    Rob

    March 8, 2016 at 4:15 am #594746
    goldengate415

    adding more info

    March 8, 2016 at 4:18 am #594748
    goldengate415

    And adding link to image using upload site requested earlier, sorry I used a different site originally

    image here

    March 8, 2016 at 5:13 am #594774
    Vinay

    Hey!

    We are working on your ticket please wait while we update the results here soon.

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 9 months ago by Vinay.
    March 8, 2016 at 5:23 am #594782
    goldengate415

    Thanks!

    (And it’s fine w/me if the Sotheby’s logo does <not> display on the mobile version of the header… I don’t think there’s any room for it?) Unless it somehow fits in the area for the secondary menu?

    I really appreciate the help with this.

    Thanks!

    March 8, 2016 at 6:47 am #594816
    Vinay

    Hey!

    you are most welcome!

    We have added the following CSS in Quick CSS

    .second-logo {
    margin-top: 20px;
   width: 72em;
   max- width: 1200px;
    min-width: 208px;
    position: relative!important;
    /* transform: translate(-50%,-50%); */
}

.second-logo img {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
@media only screen and (max-width: 1190px) {
    .second-logo {
        display: none;
    }
}

    Please check out the header now…

    Regards,
    Vinay Kashyap

    March 8, 2016 at 8:28 am #594873
    goldengate415

    Thank you Vinay – definitely you made some good progress!

    The positioning of the Sotheby’s logo looks great when page is first loaded before scrolling begins, so great progress. The mobile menu looked great until I changed “Marin Real Estate” to “Marin Luxury Homes” and now it’s wrapping on the mobile version. Is it possible for that to fit on the one line?

    However: When the user begins scrolling the page, two issues:
    a. Sotheby’s logo doesn’t get smaller like the logo on the left (TH logo).. can it behave the same as that logo? That logo fits nicely between the two bars that frame “Thomas Henthorne” on top and bottom.
    b. Sotheby’s logo doesn’t seem to respond to re-sizing when I change pixel height in the text widget. Ideally it would be same size as “TH” and then resize as user scrolls down. I am also wondering if it could link to a site like the other logo?
    c. When user scrolls down, the FAQ & Contact on the main menu run into the “Marin Luxury Property Specialist” and they stop working.

    Idea: Is it possible to create an additional text box / widget to the right of the “TH” logo — for a “header 2” text widget? I am wondering if we move the Thomas Henthorne text box over next to the TH logo we can fix the problem (c) above? It would be great to be able to fit 2-3 lines of more closely spaced text, so the header looks something like this:
    sample header for vinay

    I am sorry this is so difficult… I have spent more time on this header than configuring the rest of the site, I think!

    Your help is much appreciated,
    Rob

    March 8, 2016 at 9:14 pm #595157
    goldengate415

    I slept on this and realize I probably need to bring in a web coder / design person to customize this header.
    It would be a great enhancement in future versions of this theme to include (a) more header text customization and (b) sticky menu for mobile. It seems like these questions come up a lot on the forums.

    Thanks for your help.

    March 8, 2016 at 10:11 pm #595203
    Andy

    Hi!

    alright. You can hire a freelance developer for this job. Feel free to make a feature request for Kriesi here: kriesi.at/support/enfold-feature-requests/

    Cheers!
    Andy

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.