Questions tagged [rwd]
Responsive Web Design(rwd) is an approach to web design intended to make the viewing and use of web pages easier across multiple platforms and devices, ranging from smart phones to desktop computers, by utilizing technologies that are present on those devices and selectively omitting or replacing features which would be cumbersome without certain technologies.
199
questions
0
votes
1
answer
395
views
Pages are scrollable after reaching a footer
Just noticed that Responsive Web Design doesn't work correctly for a desktop version of website. After reaching a footer with page scrolling, pages of website can be scrolled far further (just ...
- 15
0
votes
0
answers
183
views
How to convert Adobe XD design to Magento 2 Custom Theme?
I have Adobe XD Design, how to apply as a custom theme, my parent theme Default, how to apply the files. I am using Magento Enterprise Edition.
Note: Any basic docs welcome
- 155
4
votes
2
answers
1k
views
Page Builder product carousel only one item per slide always
Is it possible to have one product per slide always no matter the size of the screen using the product Carousel with page builder?
The default is 5 items.
0
votes
2
answers
666
views
How to use responsive.js in a theme derived from Luma?
The Magento DevDocs says
You can use the menu.js, responsive.js and matchMedia.js to add
responsive behavior in your custom theme. If your theme inherits from
Blank or Luma, you do not even ...
- 53
0
votes
1
answer
212
views
Change breakpoint accordion vs. tabs product data
I'm struggling with my product tabs. I've that many tabs, that the tabs are wrapped to a new line. For this reason, I would like the breakpoint to change to an accordion from screen__m to screen__l.
...
- 1
0
votes
1
answer
280
views
How to remove Magento 2 default mobile menu, so that i can use my own custom menu?
I would like to know where is the default mobile menu located in magento 2. My problem is i created my own custom responsive menu but it defaults to the mobile menu after 768px. Followed several ...
- 161
0
votes
1
answer
39
views
magento 2.2.6 theme responsive issue
I run several websites with a "responsive" template. The thing is, the template is not really responsive....(And the developpers have dropped support on it...)
the mobile stylesheet seems completely ...
- 177
1
vote
0
answers
293
views
Issue facing with Custom Grid Slider
I am using Codazon Fastest theme and my Magento version is 2.2.6. The issue is looking like a responsive problem.
When the site is loading, the grids look like attachment 1. When I make restore and ...
- 85
3
votes
0
answers
49
views
I want to apply a limit for discount amount on checkout
I want to apply a limit for discount amount on checkout. I am providing multiple discount to my customer what I want whenever customer checkout the maximum discount limit will be 50% of the order ...
- 31
0
votes
1
answer
165
views
Move Minicart responsive
we are using Magento 2.2.6 an rebuilding the desing. We plan to move the minicart when the width is small (on smartphones). But we cant do this with css. When we initialize the minicart twice in phtml ...
0
votes
1
answer
679
views
Requirejs-config.js not working for parent theme's responsive.js file
I would like to change the values for the media property for the files menu.js & responsive.js from media: '(min-width: 768px)' to media: '(min-width: 992px)'.
I thought using Magento's JS Mixin ...
- 4,823
2
votes
0
answers
497
views
Fotorama Responsive Breakpoint
I am having issues with getting fotorama responsive, the breakpoint for a resize is not being actioned. Below is my process of getting this to work:
I changed my themes breakpoint for screen_m via ...
- 21
0
votes
1
answer
91
views
What does RWD theme name stands for?
What does RWD theme name stands for?
Just wondering what does it mean?
I keep reading it as 'rear wheel drive' in my head, help.
- 505
1
vote
1
answer
208
views
Image not responsive on home page.
I've added an image to my home page and when I preview the home page from CMS pages in the admin the image is responsive.
When I click on my logo the page is then fully responsive all except the ...
- 139
1
vote
0
answers
624
views
display a popup once per day!
this code is to display a pop up once per day. But I'm having trouble making it responsive, and it seems that it shows once a lifetime...
Also if I put it in 3 different pages, and it only shows up ...
- 323
3
votes
1
answer
987
views
Problem with link in responsive menu (go to undefinied url)
I'm facing a pretty ugly issue. When I'm on desktop, no problem with the menu link.
When I'm on responsive, when I go through the menu, I have the right URL but when I press the item, I'm redirected ...
- 915
1
vote
0
answers
17
views
Responsive of Magento 2.2? was it accurate?
Will Create a typical ecommerce system. Just want to know how magento 2.2 responsive work? Cause last time I do responsive is 1.8 and media query give me a bit problem.
- 45
2
votes
1
answer
237
views
Add responsive custom footer in Magento 2
I created a custom footer but I want it to be responsive.
My code is:
<div style="width: 16%; float: left;">
<h3>LOCATION</h3>
<a href="" target="_blank">Map</a></div&...
- 527
1
vote
1
answer
402
views
Short Description and long description are not responsive on product page of Magento 2
I am currently facing an issue with the responsiveness of Magento 2 product page. My descriptions are passing the browser screen toward the right side. They are showing up like this in the attached ...
- 111
0
votes
2
answers
1k
views
Magento 2.2: How to apply breakpoints in custom .less files
Magento 2.2.3
Ubuntu 16.04 Server VM using VirtualBox with icewm window manager
Apache 2.4
MySQL 14.14
PHP 7.0
Custom theme which inherits from Magento/blank
I have a custom .phtml file:
Vendor/...
- 699
0
votes
1
answer
134
views
Use of Imagesloaded plugin in the RWD theme
If you look at the layout file page.xml of the RWD theme you will find a declaration like:
<action method="addItem"><type>skin_js</type><name>js/lib/imagesloaded.js</name&...
- 765
0
votes
1
answer
617
views
Disable gesture zoom in responsive
I have a custom theme (rwd set as parent theme), in mobile view I want to disable gesture zoom through out the site. For this I have below code in head.phml
<meta name="viewport" content="width=...
- 5,883
0
votes
1
answer
935
views
Magento media queries in platform-Responsive emails
Hi i set some @media style for mobile for emails in magento (i added style in email header head section, in email header body section, in email-inline.css , in email-non-inline.css) but when mail ...
- 41
1
vote
0
answers
579
views
Can't submit add-to-cart AJAX form because of duplicated form in mobile friendly product page
I'm working on a mobile design for a Megento product page, what I'm basically doing is duplicating the HTML for desktop and mobile display and showing/hiding the correct design according to the screen ...
- 131
2
votes
1
answer
804
views
Reload theme on page resize
A website I am working on has two drastically different designs for mobile and desktop. For this reason I chose to make 2 different themes, and have the mobile detect module (https://github.com/...
- 149
1
vote
2
answers
5k
views
How to add style rules to print.css
In M2 they use custom .media-width mixin rules to add to styles-m.css or styles-l.css.
//
// Common
// _____________________________________________
& when (@media-common = true) {
.catalog-...
- 4,823
1
vote
1
answer
217
views
Magento 1.9: Missing translation of the minicart "remove item" pop-up buttons?
The pop-up window which is shown when clicking "Remove item" in the mini-cart ("Are you sure you would like to remove this item from the shopping cart?") shows two buttons "OK" and "Cancel". In my ...
- 73
0
votes
1
answer
906
views
How to show 4 product desktop view and 2 in mobile view - Magento 1.9
In rwd theme, when I show 4 products in a row by following code in catalog.xml
<action method="setColumnCount"><count>4</count></action> it looks good on desktop but on mobile ...
- 3
1
vote
1
answer
398
views
getting these console errors and really have no idea to solve it
Uncaught TypeError: this.toggleElements.toggleSingle is not a function
at Object.match (app.js:1004)
at QueryHandler.on (enquire.js:100)
at enquire.js:214
at each (enquire.js:38)
at MediaQuery.assess ...
- 11
0
votes
2
answers
59
views
Magento responsive
I would like to use my existing Magento Template for Desktop (as it is not optimized) and want to buy a new one for Responsive. Is it possible, to have them separated? What would be the best way?
...
- 15
1
vote
1
answer
3k
views
adding bootstrap to magento 2
Adding the direct bootstrap online link conflicts with the layout. I've compiled bootstrap for just the responsive grid, but cannot find exactly where to place this bootstrap.min.css and how to link ...
- 11
0
votes
1
answer
160
views
Change "My Account" to "Sign in/Sign out" option in header in magento rwd theme?
I want to change "My Account" to "Sign in/Sign out" option in header in the upper right corner.
In C:\wamp\www\magento\app\design\frontend\base\default\layout\customer.xml
I changed
<default>...
- 31
0
votes
1
answer
3k
views
How to check which template /view file is used - rendered
I am trying to make changes to registration page and add the address info fields in registration / account creation page.
my browser reads mysite/customer/account/create
by following the instructions ...
- 347
1
vote
2
answers
946
views
Responsive a static block - Magento 1.9.2
I was able to create full width sliders on a single page using custom css added to the design tab for the page:
<reference name="head">
<action method="addItem"><type>skin_css&...
0
votes
1
answer
110
views
I want to make this magento site responsive or mobile friendly
Please I would like to make this site (http://mushkaperfumes.com/) mobile responsive. When you check using your mobile phone, it doesn't look good. Please who have done this before to help me solve ...
- 41
1
vote
0
answers
104
views
Magento - specific mobile / desktop Menu
I have found a lot of different ways to make the mobile menu different from the desktop one, but I'd like to use the same menu, but in different sequence. Is it possible at all in Magento?
e.g. I ...
- 11
2
votes
1
answer
242
views
where to put my theme in rwd package?
I'm trying to override "content" block of page.xml. It works with default design package. I can output products in content block:
but with rwd package it not overriding "content":
no matter if I put ...
- 181
1
vote
1
answer
565
views
Magento 2: how to disable zoom using gestures in the whole site?
Users can zoom in and zoom out on any page using gestures (index finger and thumb).
How can I prevent that behavior?
I'm using custom theme which inherits from Blank theme.
- 1,629
1
vote
0
answers
167
views
why magento2 choose adaptive web design?
As we know website can be developed either Responsive Web Design(RWD) or Adaptive Web Design (AWD).
RWD: No matter what the browser width may be, the site adjusts its layout
AWD: Adapt to the width ...
- 9,917
2
votes
0
answers
184
views
Set empty design layout for a controller
I've created a controller that is displaying some html code retrieved from orders.phtml file :
<?php
class Envato_RecentProducts_OrderController extends Mage_Core_Controller_Front_Action
{
...
- 277
1
vote
0
answers
66
views
Mobile Top Menu drop downs not working
The mobile menu on this site nightskysecrets.com.au is not dropping down.
Not sure if this is an upgrade issue but can't find the problem in css wondering if it is a Javascript issue.
- 11
1
vote
2
answers
115
views
1 part of the sidebar at top, rest at bottom
Okay, so I have a sidebar in one of my CMS pages. This sidebar has 3 static blocks:
a menu (accordeon on mobile devices)
a contact block
an USP block
The HTML is roughly set up like this:
<div ...
- 1,331
0
votes
1
answer
38
views
How do I add breaking points to my layout.xml?
I want to remove a certain block on my website but only for desktop resolutions.
How do I add a breaking point to my default.xml inside my theme?
- 231
0
votes
2
answers
1k
views
Magento 2 extend styles-m.less
I'm working on a custom Magento 2 theme and I added couple of my own elements in it. When I write (for example):
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
...
0
votes
2
answers
149
views
On click show/hide contents for brands list
I would like my brand directory to have a click event. So if a visitor clicks 'A' for example, all brands within A are shown. I have the below code which collates the brands - however, the script I am ...
- 1,235
1
vote
1
answer
44
views
Want to make the zipcode section responsive in every dimension of screen
My website name is bookslab.in. It is an ecommerce magento website. My website is responsive except my zipcode section. I want to make that zipcode section responsive in each & every screen of ...
- 453
1
vote
3
answers
498
views
CMS Images Not Responsive [closed]
I've added an image to my front page. It has no width or height defined in the image tag.
When I resize the browser window it is responsive until the window is mobile size and the menu disappears.
...
- 649
1
vote
1
answer
1k
views
Magento2 - use layouts like bootstrap
looking for a way to use a grid layout for CMS pages (such as home page) of magento2 - theme copied from Luma into a custom.
would like to have the ability to set up two divs to float side by side, ...
- 353
1
vote
0
answers
182
views
How to get CMS / Catalogue page text and content to behave responsive?
Added text to CMS pages or Catalogue pages in Magento 2 are not behaving responsive. All other parts of the page are responsive. How to get the CMS / catalogue text to behave responsive as well?
On ...
- 171
1
vote
0
answers
773
views
Is it possible to change the Magento 2 admin panel to a responsive layout?
Are there any methods or tutorials to turn magento 2.0 admin panel as a mobile responsive template?
- 21