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.

Filter by
Sorted by
Tagged with
0 votes
0 answers
16 views

HOW TO EDIT RESPONSIVE FORMAT FROM MAGENTO ADMIN CONTROL PANEL

I was working in my website built with Magento 2 and i noticed that the structure is working fine in desktop but in cellphone it is not organized as i want it. Is there a way to edit the structure for ...
user avatar
0 votes
0 answers
19 views

error in responsive menu

In the first load of the page, the menu appears as follows: Does anyone know why this happens? (I already read the magento documentation on responsive handling but I have not found any solution)
user avatar
0 votes
0 answers
66 views

Magento 2 - magento media query mixin not working

I try to add this code to my style. .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) { .foobar { background: red; } } I compiled it successfully with grunt, ...
user avatar
  • 2,380
0 votes
0 answers
128 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
user avatar
  • 103
2 votes
1 answer
437 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.
user avatar
0 votes
2 answers
467 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 ...
user avatar
  • 53
0 votes
1 answer
133 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. ...
user avatar
  • 1
0 votes
1 answer
156 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 ...
user avatar
  • 161
0 votes
1 answer
37 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 ...
user avatar
1 vote
0 answers
223 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 ...
user avatar
3 votes
0 answers
43 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 ...
user avatar
  • 31
0 votes
1 answer
120 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 ...
user avatar
  • 5
0 votes
1 answer
545 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 ...
user avatar
  • 4,613
2 votes
0 answers
421 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 ...
user avatar
  • 21
0 votes
1 answer
88 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.
user avatar
1 vote
1 answer
156 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 ...
user avatar
  • 139
1 vote
0 answers
569 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 ...
user avatar
2 votes
1 answer
693 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 ...
user avatar
1 vote
0 answers
15 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.
user avatar
2 votes
1 answer
200 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&...
user avatar
  • 399
1 vote
1 answer
323 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 ...
user avatar
0 votes
2 answers
963 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/...
user avatar
  • 654
0 votes
1 answer
122 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&...
user avatar
0 votes
1 answer
562 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=...
user avatar
  • 5,813
0 votes
1 answer
694 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 ...
user avatar
  • 41
1 vote
0 answers
528 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 ...
user avatar
2 votes
1 answer
690 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/...
user avatar
  • 139
1 vote
2 answers
4k 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-...
user avatar
  • 4,613
1 vote
1 answer
213 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 ...
user avatar
  • 73
0 votes
1 answer
804 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 ...
user avatar
  • 3
1 vote
1 answer
396 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 ...
user avatar
  • 11
0 votes
2 answers
56 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? ...
user avatar
  • 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 ...
user avatar
  • 11
0 votes
1 answer
155 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>...
user avatar
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 ...
user avatar
  • 347
1 vote
2 answers
914 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&...
user avatar
0 votes
1 answer
109 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 ...
user avatar
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 ...
user avatar
2 votes
1 answer
237 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 ...
user avatar
1 vote
1 answer
473 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.
user avatar
  • 1,569
1 vote
0 answers
158 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 ...
user avatar
  • 9,479
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 { ...
user avatar
1 vote
0 answers
61 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.
user avatar
1 vote
2 answers
114 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 ...
user avatar
0 votes
1 answer
31 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?
user avatar
  • 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) { ...
user avatar
0 votes
2 answers
109 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 ...
user avatar
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 ...
user avatar
1 vote
3 answers
469 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. ...
user avatar
  • 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, ...
user avatar
  • 353

1
2 3 4 5