[alarmallamaParticipant]

Hey, just a couple of things.

I wanted pictures for my menu bars so I used the “Nav Menu Images” plugin which looks pretty cool, I have dancing llamas hopping all over the buttons which is nice. Only problem is, when I shrink it down to view it in “mobile mode”, the whole menu disappears. It used to turn into that neat little box, but now there’s nothing, not even words.

Is there anyway to get the mobile menu back without removing the plugin?

Other issue is with the “Ditty News Ticker” – I didn’t like it halfway down the page. So I slightly tweaked the page.php so now there’s

?>
<?php if(function_exists(‘ditty_news_ticker’)){ditty_news_ticker(206);} ?>
<?php x_get_view( x_get_stack(), ‘wp’, ‘page’ ); ?>

which is cool, I like it scrolling away right at the top. Only problem is the text loads before the rest of the page – when you visit my site there’s a long list of text before the rest of the site loads up. It just looks messy and unprofessional and not in a good way.

Where can I put the code so it loads with the rest of the site? Or is there anyway I can add the topbar and put the code in there?

Thanks in advance!

FYI I’m all up-to-date with my WordPress version and plug-in versions, my URL is alarmallama.com but you probably won’t see much because it’s in maintainence mode.

[ChristopherModerator]

Hi there,

Your site is in maintenance mode,so i couldn’t check it.Please provide us with login credential.

Thank you.

[alarmallamaParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for posting in.

Add this css at your customizer’s custom css.

.x-btn-navbar, .x-btn-navbar.collapsed {
font-size: 30px;
}

Then remove this <?php if(function_exists(‘ditty_news_ticker’)){ditty_news_ticker(206);} ?>, instead, follow this.

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Add this code at your child theme’s functions.php

add_action('x_before_view_global__topbar', 'your_awesome_code');

function your_awesome_code() {
if(function_exists(‘ditty_news_ticker’)){ditty_news_ticker(206);}
}

Cheers!

[alarmallamaParticipant]

Thanks for the speedy reply but it’s no bueno – I deleted the code in the X theme, added the custom CSS bit, already had a Renew child theme set up so I added that code straight into the functions.php, but now theres a bar running along the top that just says

add_action(‘x_before_view_global__topbar’, ‘your_awesome_code’); function your_awesome_code() { if(function_exists(‘ditty_news_ticker’)){ditty_news_ticker(206);} }

I tried deleting the middle bit just to see what would happen and then the whole site disappeared it was funny.

I managed to get it all back through FTP, but I think I’ve proven to myself that I don’t have a clue what I’m doing.

…

Also is there anything I can do about the mobile menu disappearing?

Thanks,
Emma

[ZeshanMember]

Hi Emma,

Thanks for posting in!

Unfortunately, I cannot check the functions.php file in your website as the given access doesn’t have admin rights. Would you mind providing us the FTP credentials so that we can take a closer look to the issue?

Please don’t forget to select Set as private reply to ensure your data remains hidden from other users.

Thanks!

[alarmallamaParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Would you try this :

add_action('x_before_view_global__topbar', 'your_awesome_code');

function your_awesome_code() {
if(function_exists('ditty_news_ticker')){ditty_news_ticker(206);}
}

There seems to be syntax mistake.

Hope it helps.

[alarmallamaParticipant]

Hi,

That’s exactly the same code I already tried and it hasn’t made a difference.

Thanks,
Emma

[ZeshanMember]

Hi Emma,

Thanks for writing in!

Upon checking, it seems you’ve overwritten the previous code in the functions.php file with the one provided above (see:http://prntscr.com/5emdvg), it was supposed to be inserted at the end of the file. However, I’ve updated the code, please replace your code in functions.php file with following under Custom > CSS in the Customizer:

<?php

// =============================================================================
// FUNCTIONS.PHP
// -----------------------------------------------------------------------------
// Overwrite or add your own custom functions to X in this file.
// =============================================================================

add_action('x_before_view_global__topbar', 'your_awesome_code');

function your_awesome_code() {
   if(function_exists('ditty_news_ticker')){ditty_news_ticker(206);}
}

Thanks!

[alarmallamaParticipant]

Yaas it’s working now, looks great 🙂

Any idea on how to save the disappearing menu that disappears when the screen is made smaller?

Thanks a lot for all your help so far!

[ZeshanMember]

Hi there,

Glad to hear about that! 🙂

Regarding the menu disappearing issue, it seems you’ve added some custom CSS code in your website that’s removing the navbar toggle button for mobiles (see: http://prntscr.com/5etbsh). Please add following code under Custom > CSS in the Customizer:

.x-btn-navbar, .x-btn-navbar.collapsed {
   font-size: 25px !important;
}

@media (max-width: 979px) {
    .x-nav-collapse li {
        text-align: center !important;
    }
}

Please note that, the menu will be appeared once you click the button.

Hope this helps. 🙂

Thank you.

[alarmallamaParticipant]

Perfecto!

Ok that’s everything sorted for now, thanks a bunch for your help – top notch support 10/10 etc.

Thank you!

🙂 🙂

(A smiley face for each problem you solved)

[ChristopherModerator]

Glad we could help you with this 🙂

[Author]

Posts