Return to previous page

Website appears different before & post loggin in.

This topic has 4 replies, 2 voices, and was last updated 3 years, 9 months ago ago by Olga Barlow

Rashika

Participant

July 1, 2020 at 19:52

Hey
Some functions and viewability changes after logging in. Without logging in the website has functional issues like in the mobile version instead of showing a section in 3 rows it shows in a single row with giant sized icons but after someone logs in the image start coming up in 3 columns as specified via elementary. The detailed issues in point are as:
1 : Without login in mobile the home page comes like this : https://gyazo.com/ba5cbb15db8fb5d6e745792bec428503 After logging in it becomes normal: https://prnt.sc/t9za7j In the no logged in ss you can see that the header is also not at the correct place and it doesn’t stick to the top but comes in the middle.

2. It doesn’t end here. I have added a custom CSS specified by you so that I can show all the products at the same level irrespective of how long their title name is. But that only works on the home page. If someone goes to a category page it shows like this https://gyazo.com/88cffe1298d650d1b8b9f76d761538f2
You can also notice that on the category page the search bar also doesn’t stick to the top, in fact it scrolls down a little and is shown somewhere in middle.

3. The gap between the columns is too much. look at this pic https://prnt.sc/t9zh1s . I have chosen narrow gap from layout section which is showing as it should din the elementary but on real site, it’s showing much more gap. I have used the same setting on same images before too and it used to work well on narrow setting, but it isn’t showing as it should now.

If you need to access my admin dashboard i am giving the details in private content area

Please, contact administrator
for this information.

#242901 Copied Theme version: 6.3.6

3 Answers

Olga Barlow

Support staff

July 2, 2020 at 12:15

Hello,

1) You are using cache plugin. Did you try to clear the cache to apply changes? https://prnt.sc/tae1dj Because I don’t see problems after that.

2) Masonry option should be disabled http://prntscr.com/tae8it because it makes completely different things to what you asked. Check now.

3) Block width is wider than the image you have there http://prntscr.com/taebap Use bigger images if you want to reduce the space between columns.

Regards

#242976 Copied

Rashika

Participant

July 2, 2020 at 20:33

1 & 2, both point are solved. but I have one curious question. If they had a problem with cache & masonry layout how come everything becomes correct after login?
3. As of this point is considered, I resized images as told by getting metrix for better loading of the website.
4. For the above point what should be the dimensions of the images so that they show perfectly in 3 columns without t much gap on mobile & laptop. As of now they have 117*117 dimension

#243044 Copied

Olga Barlow

Support staff

July 3, 2020 at 15:07

Hello,

1) Cache plugins has option to disable cache for the site admins. That’s why if you are logged in you see uncached version of your site.
2) I disabled the Masonry yesterday. It’s not related if you are logged in or not or to cache.
3) All I can do for you, in this case, is set 100% for the mentioned images but then they will be blurred a little bit when the image block is bigger than the image. So, decide for yourself.
4) 245px width. Also, I would like to recommend you TinyPng service https://tinypng.com/ for image optimization, it’s really good.

Regards

#243138 Copied
Viewing 4 results - 1 through 4 (of 4 total)