Return to previous page

Resize slideshow and move menu area up - by MarketingCopenhagen

This topic has 60 replies, 5 voices, and was last updated 9 years, 8 months ago ago by Robert Hall

Eva Kemp

Participant

April 8, 2016 at 12:44

Hello,

I’ve updated Woocommerce translation files.
Please check your site now.

Regards,
Eva Kemp.

#120486 Copied

MarketingCopenhagen

Participant

April 8, 2016 at 12:56

Hi,

It works! Just one thing – can you change the word in the screenshot to “Fjern” instead of “Baleares”?

Thank you 🙂

#120488 Copied

Eva Kemp

Participant

April 8, 2016 at 13:50

Hello,

Done. Please clear browser cache and check.

Regards,
Eva Kemp.

#120513 Copied

MarketingCopenhagen

Participant

April 8, 2016 at 13:57

Perfect! Thank you! 🙂

Is it okay if I get back to you on monday with the next question? I’ll just use this string 🙂

Have a nice weekend and thank you for a amazing support so far 🙂

#120515 Copied

Stan Russell

Participant

April 8, 2016 at 14:03

Hello MarketingCopenhagen,

you are welcome! Please create new topic for other questions.

Regards,
Stan Russell.

#120518 Copied

MarketingCopenhagen

Participant

April 11, 2016 at 14:06

Hi again,

So next question:

The search area is not working very well. If I search for a word even though I named a category after it, or something else besides a word in the products title the search result can not find anything. Is there a way to change the search bar so it will show any product which has the keyword included in either the category, title or product description? And is it possible that the search result can show related results if there ain’t a product which has the keyword included?

Thank you

#120742 Copied

Eva Kemp

Participant

April 11, 2016 at 15:33

Hello,

To achieve what you want you may try to use some 3rd-party plugin.
Our search form works with keyword that is mentioned in product title or in product description.

Regards,
Eva Kemp.

#120757 Copied

MarketingCopenhagen

Participant

April 13, 2016 at 12:08

Hi again,

Thanks, we will try and change our texts and include the keywords 🙂

I have a few more questions:

1) When I add a product to the basket I can off course see it in the smart basket – but also a small red symbol turns up in the browser showing how many items I have in my basket – thats pretty cool! Can I change the color from red to green as it matches our brand much better?

2) I was wondering: Is it possible to insert an image ABOVE the price on the single product page? For example a logo if we deal with different brands. So the single product is introduced by the brand logo, then the price and then the description?

Thank you 🙂

#120983 Copied

Eva Kemp

Participant

April 13, 2016 at 13:49

Hello,

1. Could you please show a screenshot what exactly you want to change?

2. Sorry, but our theme doesn’t have such feature.

Regards,
Eva Kemp.

#121005 Copied

MarketingCopenhagen

Participant

April 18, 2016 at 10:58

Hi, sorry, I see that I totally forgot to answer!

Here is the screenshot of the red cirkel in the browser – can you please turn that into a fresh green color? 🙂

https://www.dropbox.com/s/6wcg8p844ehwnd2/IMG_5527.JPG?dl=0

#121705 Copied

Eva Kemp

Participant

April 18, 2016 at 14:38

Hello,

You need edit the file wp-content/themes/royal/js/plugins.js, find the code bgColor:"#d00" (there are 2 lines of it) and change color #d00 to yours (you need write hex color code).

Regards,
Eva Kemp.

#121788 Copied

MarketingCopenhagen

Participant

April 20, 2016 at 08:38

Hi again,

I tried to search for the code in the file as I couln’t find it – but it also says that it din’t find anything? What do I do?

#122073 Copied

Jack Richardson

Support staff

April 20, 2016 at 09:12

Hello,

Please provide FTP credentials and specify what color you need to set.

Best regards,
Jack Richardson.

#122092 Copied

MarketingCopenhagen

Participant

April 20, 2016 at 09:15

Hi,

Color: #53d250

Thank you so much 🙂

Please, contact administrator
for this information.

#122095 Copied

Eva Kemp

Participant

April 20, 2016 at 10:08

Hello,

I’ve edited that file. Please check icon now.

Regards,
Eva Kemp.

#122109 Copied

MarketingCopenhagen

Participant

April 22, 2016 at 12:07

Hi, thanks so much!

But can you by any chance change the color to #489602 as i sendt you a wrong color code? I am now sure that this is the right color code! Sorry!

Also I would like the main menu to have capitalized letters as now but the submenus I would like to be Inherit. When I change the menu typography ti Inhert it is only effecting the main menu and not the submenu. Is it possible to make it only effect the Submenu?

I followed one of your guides to make columns in the submenu box – which is great! But when I choose a number of columns there is kind of a huge space from the menu and to the box margin and also between the columns – can I make the space from the menu to the margin dissapear or at least make it smaller – and make the space between the columns just a litte smaller? I added a screenshot here: https://www.dropbox.com/s/q5fawp82xh89e9e/Sk%C3%A6rmbillede%202016-04-22%20kl.%2013.05.29.png?dl=0

#122529 Copied
Eva Kemp

Participant

April 22, 2016 at 12:53
Hello,

Color changed.

Do you mean you want to make submenu items capitalized too? As I see they already are.

Add this code in Global Custom CSS:

.menu .nav-sublist-dropdown { top: 100%; } .menu .nav-sublist-dropdown .container { width: 300px; }

Regards,
Eva Kemp.
#122542 Copied
MarketingCopenhagen

Participant

April 22, 2016 at 13:06

Hi,

Thanks but no the sub menu shall NOT be capitalized – only the main menu 🙂 Sorry, my english is not that good 😉

I added the CSS and now the sub menus just go into 1 column and the space is still there – check this screenshot: https://www.dropbox.com/s/0pkl5rdj2plwny4/Sk%C3%A6rmbillede%202016-04-22%20kl.%2014.05.06.png?dl=0

Thank you for your qiuck help 🙂

#122545 Copied
Eva Kemp

Participant

April 22, 2016 at 14:06
Hello,

I’ve added this code for submenu items:

.menu .menu-full-width .nav-sublist-dropdown ul > li > a { text-transform: capitalize; }

And to decrease columns size I’ve added this css code:

.header-type-7 .menu-wrapper .menu-main-container > ul .nav-sublist-dropdown { width: 280px !important; } .menu .menu-full-width .nav-sublist-dropdown ul > li { width: 108px; }

Please check.

Regards,
Eva Kemp.
#122559 Copied
MarketingCopenhagen

Participant

April 22, 2016 at 16:22

Hi,

thank you so much – it looks way better now!

Can you send me the CSS to make it work for the drop down menu that appears when you scroll down the page as well? Thank you 🙂

#122583 Copied
Jack Richardson

Support staff

April 22, 2016 at 17:41
Hello,

Please use this code:

.fixed-header-area .menu .nav-sublist-dropdown { top: 100%; width: 300px !important; }

Best regards,
Jack Richardson.
#122593 Copied
MarketingCopenhagen

Participant

April 25, 2016 at 08:26

Hi,

Thank you it works perfectly 🙂

I have another question. When I look at the page from my mobile it looks totally wrong. Last time I checked everything looked fine and I haven’t changed anything besides the size of the slideshow and I added a YouTube clip to the front page. Now the slideshow is all wrong on the mobile and the youtube clip is not even showing. The Footer is also totally messed up for some reason.

Can you help?

Thank you!

#122706 Copied

Eva Kemp

Participant

April 25, 2016 at 09:08

Hello,

Could you please show on a screenshot what is wrong?
What mobile device are you testing on?

Regards,
Eva Kemp.

#122727 Copied

MarketingCopenhagen

Participant

April 25, 2016 at 09:16

Hi,

yes of course – just give me a few hours.

We tested it both on my Iphone and on a android device. The same result.

#122729 Copied

MarketingCopenhagen

Participant

April 25, 2016 at 09:23

It looks like this on a Iphone and on Android device:

https://www.dropbox.com/s/slxzjnv3rwpc4p7/IMG_4314.PNG?dl=0

https://www.dropbox.com/s/ywonwxmmwwzexo7/IMG_4315.PNG?dl=0

https://www.dropbox.com/s/bi348sqc7ek6d9h/IMG_4316.PNG?dl=0

https://www.dropbox.com/s/gxs2adrx4hr6cwf/IMG_4317.PNG?dl=0

#122736 Copied

Eva Kemp

Participant

April 25, 2016 at 14:51

Hello,

I’ve set Background Fit option to “cover” in revslider settings http://storage5.static.itmages.com/i/16/0425/h_1461591616_2049024_9c5484737d.png . Please check slider on mobile now.
As for footer you’ve added margin-top value in VC editor http://storage4.static.itmages.com/i/16/0425/h_1461592159_5569813_629ed2fb54.png and it’s loading for mobile version too. Remove it.

Concerning the video not displaying please refer to this article:
http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video

Displaying the fullscreen background video on mobile devices presents several challenges:

Most mobile platforms (iOS in particular) will refuse to autoplay HTML5 video to avoid potentially ruinous data charges.
In such cases the video will be displayed with an embedded play button, which in turn…
…may capture touches on the device, locking out links that may be in the content on top of the video.
While it is possible to feature-detect support for video autoplay with JavaScript (a technique I will cover in a future article), the easiest solution is to use a media query that switches off the video entirely on smaller screens, substituting the placeholder image in the background.

Regards,
Eva Kemp.

#122823 Copied

MarketingCopenhagen

Participant

April 27, 2016 at 11:49

Hi,

Thanks – the footer and slideshow is perfect now 🙂

We have decided that we would like to hear if it is possible to set the movie to autoplay on a laptop (as it does now) and then hide it on the mobile. How do we hide only that specific row on mobile devices and mobile devices only? 🙂

#123118 Copied

Jack Richardson

Support staff

April 27, 2016 at 12:50

Hello,

You can hide row for mobile devices in the row settings, please look at the screenshot http://prntscr.com/axg09q .

Best regards,
Jack Richardson.

#123120 Copied

MarketingCopenhagen

Participant

April 27, 2016 at 13:00

Hi,

Also I cant remember how to change the menu hover color – when you swipe the mouse over the menu it turn into a dark yellow – where do i change that?

#123123 Copied
Robert Hall

Participant

April 27, 2016 at 13:57
Hello,

Please try to add this code in Global Custom CSS.

.header-type-7 .menu-wrapper .menu > li > a:hover { color: #000000; }

Regards,
Robert Hall
#123129 Copied
← 1 2

Viewing 60 results - 31 through 60 (of 60 total)