Return to previous page

Royal theme minor issues - by Panasan - on WordPress WooCommerce support

This topic has 23 replies, 3 voices, and was last updated 6 years, 1 months ago ago by Olga Barlow

Panasan

Participant

September 21, 2018 at 08:47

Hi

Ive got some minor issues (I think) with Royal theme:

1. Header logo does not adapt when in responsive mode. It looks great on responsive mode on desktop when checking all devices. But once on an actual iPhone, iPad etc the logo ends up on top of text etc.

2. Is there a way to center the main logo in the menu, but still has it against a background?

3. When removing Top Bar on site it looks great on front page. But on remaining pages its a white block where the top bar should have been.

4. When placing headers in Content Boxes the text is not responsive.

5. I can’t seem to change or remove page heading on posts.

Many thanks!
/ P

Please, contact administrator
for this information.

#199775 Copied Theme version: 4.6

22 Answers

Rose Tyler

Support staff

September 21, 2018 at 08:58

Hello,

Please provide screenshots and describe the desired displaying in more details.
You can use such screenshot maker as Lightshot https://prnt.sc/
Also, provide temporary wp-admin access.

Regards

#199776 Copied

Panasan

Participant

September 21, 2018 at 09:44

See attached info!

Please, contact administrator
for this information.

#199777 Copied
Rose Tyler

Support staff

September 21, 2018 at 13:13
1. Please add this code in Theme Options > Custom css > Custom css for mobile:
```
.home .tp-mask-wrap {
    margin-top: 30px;
}
```
2. What exactly do you want to change?
3. Please provide URL of a page where I will be able to see the problem.
4. Please provide URL.
5. I do not see the problem on Blog page http://prntscr.com/kx1cu3

Regards
#199784 Copied
Panasan

Participant

September 22, 2018 at 16:51

Thanks! Please see below:

Please, contact administrator
for this information.

#199820 Copied

Panasan

Participant

September 24, 2018 at 07:47

Adding to this list:

6. Header logo is now ending up hiding text on all pages, except Home where I placed a CSS code. What would be the code for remaining pages:
.home .tp-mask-wrap {
margin-top: 30px;
}

7. Gap between sections is way to huge in responsive mode. You need to scroll a lot to come to next content. How could I decrease these?

8. When adding Youtube videos in Video Player it seems like its not very responsive on iPhones. The videos ends up as thumbnails all over the place. How could I solve this?

9. On FAQ page the header logo is placed above content text on desktop, which is good, but on responsive mode it ends up on top of the content text.

Thanks!
/ P

#199842 Copied

Panasan

Participant

September 24, 2018 at 14:50

Added another issue to the list.

Please, contact administrator
for this information.

#199867 Copied
Olga Barlow

Support staff

September 24, 2018 at 18:02
Hello,

1. Check now, please.
2. Are you talking about the following way to center the logo for the desktop version http://prntscr.com/ky5z7i ?
3. Use the following code to remove that gap
```
.page-content {
    margin-top: 0;
}
```
4. Use Ultimate Addons heading element to add headings with the different font size for the mobile devices http://prntscr.com/ky61c3 instead of the custom CSS because your custom affects the other heading at your page http://prntscr.com/ky628o or remove the custom class for these elements.
5. If you want to remove the page heading for the blog page and all the posts I would recommend to use Theme Options > Header Settings > Breadcrumbs and disable breadcrumbs if you don’t want to have them. If you want to disable them for some pages/posts only use Page Layout while editing the page/post.
6. Change the alignment for the mobile texts to top-center http://prntscr.com/ky66dk instead of center-center. More about Revolution slider responsive here https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/ – Correcting Layer Alignment
7. Use vw, vh or % to add paddings/margins instead of fixed px value that does not depend on responsive, or the combination of px and vw/vh/%, for example, 35px of padding + 3vw of margin to avoid very small gap on the mobile devices.

8. Could you provide the screenshot for better understanding?

9. Use row bg instead of single image + row paddings, as we did for the faq-sweden-2 page.

Regards
#199879 Copied
Panasan

Participant

September 24, 2018 at 19:51

Hi

1. Seems to be working
2. Yes like that, or in the middle of the menu with menu text on both sides.
3. Solved. Thanks!
4. Solved. Thanks!
5. Ive done this, but menu and header background crashes. Only thing visible is header logo hiding a lot of content text. For example wish to only remove “News”, “Home/Blog” on blog page.
6. Actually messed it up more. Made some sort of solution, but its not true responsive.
7. Ill give it a try. Might get back to you on this one.
8. See attachement.
9. Perfect. Thanks!

My best!
/ P

Please, contact administrator
for this information.

#199881 Copied

Panasan

Participant

September 25, 2018 at 07:35

7. Additional info attached.

Please, contact administrator
for this information.

#199887 Copied

Panasan

Participant

September 25, 2018 at 07:44

10. Last question. I removed the option to comment on posts, but how to remove “Comments are closed” that shows up on post?

#199888 Copied
Rose Tyler

Support staff

September 27, 2018 at 08:59
Hello,

I can’t log in. Have you changed access? Please provide the correct credentials.
2. Please add this code in Global custom css area:
```
.header .header-logo {
    width: 100%;
    display: inline-block;
    text-align: center;
    max-width: none;
    padding-right: 0;
}
.header .tbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.header .header-logo img {
    float: none;
}
.header .navbar .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (max-width: 1200px) {
    .header .tbs .collapse {
        width: auto;
    }
}
@media only screen and (max-width: 992px) {
    .fixed-header-area .header-logo {
        margin-left: 0;
    }
}
@media only screen and (max-width: 480px) {
    .fixed-header .header-logo img {
        margin-left: 0;
    }
}
```
6. Please refer to Slider Revolution documentation https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
8. Please provide URL of the page.
7. Please try to delete this code from custom css http://prntscr.com/kz9ms5
10.
```
.single article + p{
    display: none;
}
```
Regards
#200034 Copied
Panasan

Participant

September 27, 2018 at 18:26

Hi

1. Yes. I added it in previous “Private content”. Add it now once again.
2. Thanks.
7. The issue is on each page, so wouldn’t solve the issue just to remove the code just on one page I guess.
8. “Private content”. Hiding videos on tablets for now, only shown on desktop.
10. Thanks!

My best
/ P

Please, contact administrator
for this information.

#200085 Copied

Rose Tyler

Support staff

September 28, 2018 at 10:01

Hello,

I can’t log in. Please check wp-admin access on more time, please.
Thanks in advance.

Regards

#200137 Copied

Panasan

Participant

September 29, 2018 at 08:33

Hi

Ok, lets try it again. Shown in “Private content”.

My best
/ P

Please, contact administrator
for this information.

#200199 Copied

Rose Tyler

Support staff

October 1, 2018 at 10:08

Hello,

This https://prnt.sc/kydawo caused by custom css code – http://prntscr.com/l0qzq8
Which pages have the similar problem?
As I can see you hide blocks with video on mobile. Is it ok for you?
Please describe problems, that remains, one by one more time.
Waiting for reply.

Regards

#200247 Copied

Panasan

Participant

October 1, 2018 at 17:41

Ok, Ill list whats left (don’t mind previous conversation):

1. I would like to show videos on all devices. But when I show them, the video block seems to crash. See here: https://prnt.sc/ky7iu3

2. I can’t seem to remove the header text “Blog” on blog page. The whole header crashes when chosing disable Page Heading or Breadscrumbs. http://dev.adventureacademy.se/blog-2/

3. Header logo ends up on top of text on Blog page. See here: https://prnt.sc/l0xd8t

Many thanks!
/ P

#200280 Copied

Olga Barlow

Support staff

October 1, 2018 at 18:12

Hello,

1) Is it the single product screenshot? Can you provide me the link to this product?
2) Do you want to remove only the page title or all the breadcrumbs http://prntscr.com/l0xm70 ? Do you want to do this only for the blog page or for the single post and all the other pages?
3) Check now.

Regards

#200282 Copied

Panasan

Participant

October 2, 2018 at 13:15

Hi!

1. You have it for example on bottom of page on these pages: http://dev.adventureacademy.se/adventure-academy-sweden/
http://dev.adventureacademy.se/adventure-academy-sweden-generation/
http://dev.adventureacademy.se/adventure-academy-norway/

2. Remove page titel. But would like to know how to change settings and styles for the breadcrumbs as well.

3. Solved. Thanks!

My best!
/ Pana

#200330 Copied

Olga Barlow

Support staff

October 3, 2018 at 18:01

Hello,

1. It’s because of custom CSS, check now.
2. You can manage them from theme options http://prntscr.com/l1s5kw

Regards

#200413 Copied

Panasan

Participant

October 4, 2018 at 15:08

Hi!

1. Exactly. Works great. Thanks!

2. https://prnt.sc/l24yu3
a. Title removed which is great. Thanks! But occurred more issues.
b. How do I change color of background of “Home/Blog”?
c. How do I change the name from “Blog” to actually “News” which is the name of the page? (also change name of Home, Archive of Category etc.)
d. How do I use background image in the header of “News”? I’ve tried choosing “Background image for breadcrumbs” it shows up, but gets zoomed in very much on all devices, and the logo ends up above all text in responsive mode.

3. https://prnt.sc/l253zs
a. In the posts (desktop version), the breadcrumbs are “dead” and not possible to click on.
b. Same issue here with background image.
c. Breadscrumbs is not centered anymore.

Many thanks
/ Pana

#200491 Copied

Panasan

Participant

October 4, 2018 at 16:51

Adding 3 questions about the Mega Menu:

1. Image in last column always ends up higher than the rest of them, why is this: https://prnt.sc/l26r57
2. Menu image, now placed center right. Can I somehow get it like this?: https://prnt.sc/l26tks
3. Where would I change color of menu background?

Many thanks!
/ P

#200514 Copied

Olga Barlow

Support staff

October 8, 2018 at 15:33

Hello,

2.
b. Go to Theme Options > Custom CSS > find code http://prntscr.com/l3lh62 and edit the bg color http://prntscr.com/l3lh62
c. Use translation files, for example http://prntscr.com/l3lkfb
d. It’s because of background-attachment:fixed option http://prntscr.com/l3lnzk Check now, Is that what you want? Also, I would suggest you to optimize images that you use on your site, because your breadcrumbs image is huge – 3.7MB and you can reduce the size to 700KB at least http://prntscr.com/l3lruz Try TinyPng service https://tinypng.com/
3.
a. I don’t see the described problem https://gyazo.com/075c152a23f4ef02432d1e5c35ad4a2a
b. Check the answer 2.d
c. I don’t see problems with the breadcrumbs https://prnt.sc/l3lwtk They are centered. Can you explain in more details?

Regards

#200710 Copied
Viewing 23 results - 1 through 23 (of 23 total)