Font changed and text now showing as a series of o's - Support

Viewing 30 posts - 1 through 30 (of 39 total)

1 2 →

Author

Posts
June 6, 2017 at 12:52 pm #804481

obimedia2
Participant

Hi

I changed font to Lora on site I’m building for a client. I can see it ok but they just see o’s where menu is and where text is on page. Do you know how this can be fixed?

Also, how do I add a 3 bar menu to the site (top right of header area?

Thanks for your help

Gerry

June 7, 2017 at 6:22 am #804842

Rikard
Keymaster

Hey obimedia2,

Could you post a link to the site in question so that we can take a closer look please?

Best regards,
Rikard

June 7, 2017 at 11:28 am #805023

obimedia2
Participant

Hi Rikard

Thanks for your help.

Best

Gerry

June 7, 2017 at 4:17 pm #805136

obimedia2
Participant

Hi, were you able to help re:

I changed font to Lora on site I’m building for a client. I can see it ok but they just see o’s where menu is and where text is on page. Do you know how this can be fixed?

Also, how do I add a 3 bar menu to the site (top right of header area?

Thanks for your help

Gerry

June 7, 2017 at 4:45 pm #805157

obimedia2
Participant

Hi

On this same question, on the mobile version could you tell me how to stack the header content in this order …

Logo at top and centered

Social buttons underneath logo on left and 3-bar menu on right

Many thanks

Gerry

June 7, 2017 at 9:40 pm #805317

obimedia2
Participant

Hi, I haven’t heard anything from you. Can you help with this? Thanks

June 9, 2017 at 5:41 am #805838

Rikard
Keymaster

Hi,

Your menu is displaying fine on my end and it’s using the Lora font, could you ask your customer to clear their browser cache and reload the page to see if that helps?

For your other questions; please post screenshots highlighting the changes you would like to make.

Please note that replying to your thread sends it to the back of our support queue, so please try not to do so if you want help fast.

Best regards,
Rikard

June 15, 2017 at 3:22 pm #808580

obimedia2
Participant

Hi, thanks Rikard.

Attached is a mock-up of the header my client would like showing the logo centered with the 3-bar menu centered underneath. They do not want the 3-bar menu with ‘bullet points’, just the bars. They would like this for all options – desktop, tablets and mobiles. Is that do-able?

Many thanks
Gerry

June 15, 2017 at 5:04 pm #808620

obimedia2
Participant

June 16, 2017 at 5:52 am #808815

Rikard
Keymaster

Hi,

No problem, I can’t see your screenshot anyway. If you should need any further help then please upload it to a service like dropbox or google drive and then link to it here.

Best regards,
Rikard

June 20, 2017 at 6:25 pm #810560

obimedia2
Participant

Hi Rikard

What my client would like is a change to the header layout on the mobile only – the 3-bar menu should be centered above the logo, and the logo also is centered.

On the desktop version they want the text menu to appear under the logo as it is now.

They do not want bullet points on the 3-bar menu but just have 3 bars.

Thanks for your help

Best
Gerry

June 21, 2017 at 6:36 am #810760
Rikard
Keymaster
Hi,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 767px) {
#advanced_menu_toggle {
    position:initial !important;
    min-width: 100% !important;
}

.logo img {
    padding-top: 30px;
}
}
```
Best regards,
Rikard
June 21, 2017 at 7:18 pm #811114

obimedia2
Participant

Thanks Rikard

Not quite there …

1. The 3-bar menu is still showing bullet points (we just want 3 unbroken bars).

2. The 3 bar menu needs to be centered under the logo.

3. The logo is smaller in proportion than on the desktop version of the website. Is it possible to make it wider and with some white space underneath (between logo and 3-bar menu)?

Best
Gerry

June 22, 2017 at 7:32 am #811352

John Torvik
Inactive Moderator

Hi,

Please, may you provide to us your WP credentials?

Best regards,
John Torvik

June 29, 2017 at 3:14 pm #814521

obimedia2
Participant

Hi John

Sorry but I don’t understand what you mean by WP credentials. The url is http://heartofsedonaweddings.com/wp/home

Thanks
Gerry

June 29, 2017 at 3:15 pm #814522

obimedia2
Participant

PS: It looks like the logo is not centered on mobile view.

June 30, 2017 at 8:53 am #814860

Victoria
Inactive Moderator

Hi obimedia2,

Do you need logo in the center and the burger menu below it on mobile?

Best regards,
Victoria

June 30, 2017 at 7:53 pm #815135

obimedia2
Participant

Hi Victoria

Yes – on mobile version the logo and burger menu both centered in header. The burger menu to be 3 lines only, not the bullet points with lines.

That will be great, thanks
Gerry

July 7, 2017 at 11:36 am #817765
Victoria
Inactive Moderator
Hi Gerry,

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 (max-width: 450px) {
  .logo img {
    padding-top: 0;
  }
  .responsive #top .logo {
    margin: 0 auto;
  }
  #header_meta, #header_meta .container {
    min-height: 0;
  }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
July 11, 2017 at 6:49 pm #819578

obimedia2
Participant

Hello Victoria

The burger menu still has ‘bullet points’ and we wanted 3 unbroken lines. Is that possible?

Thank you for the centering code which has worked.

Best wishes

Gerry

July 12, 2017 at 10:07 am #819895

Victoria
Inactive Moderator

Hi Gerry,

You can update you theme, it has a new version of the burger menu. Let me know if that works for you.

Best regards,
Victoria

July 12, 2017 at 1:06 pm #819980

obimedia2
Participant

Hi, have updated and have the 3 bar menu without bullets (thanks) but now the header on the mobile version has reverted to as it was. On mobile version we wanted the logo centred at the top and the 3 bar menu below the logo (centered too).

Do I need to change any of the Quick CSS code you’ve given me?

Thanks
Gerry

July 12, 2017 at 4:13 pm #820077
Victoria
Inactive Moderator
Hi Gerry,

Yes, try removing what was given before, but copy it to some file as a backup.
Here is the new 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 (max-width: 767px) {
  .html_header_top.html_bottom_nav_header #header_main {
    z-index: 3;
    height: 125px;
}
.responsive #top #wrap_all .main_menu {
    top: 53px;
    height: 8;
    left: 37%;
    display: block;
    position: absolute;
}
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
    width: auto;
    float: left;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
```
If you need further assistance please let us know.
Best regards,
Victoria
July 26, 2017 at 4:58 pm #830243

obimedia2
Participant

Hi Victoria
I’ve added the code and removed previous code. However, the logo is aligning left on the mobile version. The logo is to be centered as well as the 3-bar menu (hamburger menu).

How do I get the logo to center on the mobile version?

Thanks
Gerry

July 28, 2017 at 12:25 pm #831014

obimedia2
Participant

Hi Victoria

On the mobile version the menu is not working – the second level links do not show. On the menu I set the parent links to #. Could this be the reason?

Below is all the Quick CSS code I’ve added in case there is a conflict.

Please also let me know how to get the logo to be centered on all devices inc mobile and tablets. And the hamburger menu to be centered under the logo on mobile and tablets.

Hope you’re having a good day
Thanks
Gerry

August 1, 2017 at 12:45 pm #832821
Yigit
Keymaster
Hi,

Sorry for the late reply!

1- Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
2- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
```
@media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100%;
}}
```
Best regards,
Yigit
August 9, 2017 at 5:58 pm #836529

obimedia2
Participant

Hello Yigit

Thanks for this. Login below.

The second level links on the mobile menu don’t show and I wondered if that was because the parent button/link has just a hashtag?

I added the Quick CSS you sent but the hamburger menu is not centered on mobile landscape view and on tablets (portrait view) the menu is on the right and the logo is smaller in proportion than it should be?

Best
Gerry

August 12, 2017 at 5:06 pm #837953

Victoria
Inactive Moderator

Hi Gerry,

This is a thread about the menu issue. I checked on mobile and I see a regular menu, not the hamburger.

Sub Menu do not appear in mobile menu since 4.1

Which one are you going to be using?

Best regards,
Victoria

August 14, 2017 at 12:54 pm #838619

obimedia2
Participant

Victoria

The hamburger menu is not centered on tablets in portrait view – the menu is on the right and the logo is smaller in proportion than it should be. The menu is full menu on landscape view.

Thank you for link above about second level menu on mobile not working after update. I read through the 3 pages of comments and saw that the fix was using 2 hashtags instead of 1.

Gerry

August 14, 2017 at 5:10 pm #838798
Victoria
Inactive Moderator
Hi Gerry,

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 (max-width: 989px) and (min-width: 768px) {
  .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 15px;
    left: 45%;
  }
}
```
If you need further assistance please let us know.
Best regards,
Victoria
Author

Posts

Viewing 30 posts - 1 through 30 (of 39 total)

1 2 →

The topic ‘Font changed and text now showing as a series of o's’ is closed to new replies.